AMPA Colegio Felipe II<\/title>\n\n <style>\n\n \/* =====================================================\n ESTILOS GENERALES\n ===================================================== *\/\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif;\n background: #fffaf4;\n color: #38434d;\n line-height: 1.7;\n }\n\n .ampa-container {\n max-width: 1150px;\n margin: 0 auto;\n padding: 45px 25px 70px;\n }\n\n\n \/* =====================================================\n CABECERA\n ===================================================== *\/\n\n .ampa-header {\n text-align: center;\n margin-bottom: 38px;\n }\n\n .ampa-label {\n display: inline-block;\n padding: 7px 20px;\n margin-bottom: 16px;\n border-radius: 30px;\n background: #fff0bd;\n color: #8a6200 !important;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .ampa-header h1 {\n margin: 0 0 15px;\n color: #176b87 !important;\n font-size: 42px;\n line-height: 1.2;\n font-weight: 750;\n }\n\n .ampa-header p {\n max-width: 800px;\n margin: 0 auto;\n color: #64717a;\n font-size: 17px;\n }\n\n\n \/* =====================================================\n CARTEL HAZTE SOCIO\n ===================================================== *\/\n\n .socio-banner {\n position: relative;\n overflow: hidden;\n margin-bottom: 42px;\n padding: 40px 45px;\n border-radius: 24px;\n background: linear-gradient(\n 135deg,\n #176b87 0%,\n #1d91a8 52%,\n #48b9a7 100%\n );\n color: #ffffff;\n box-shadow: 0 14px 32px rgba(23, 107, 135, 0.20);\n }\n\n \/* C\u00edrculos decorativos *\/\n\n .socio-banner::before {\n content: \"\";\n position: absolute;\n width: 190px;\n height: 190px;\n right: -55px;\n top: -80px;\n border-radius: 50%;\n background: rgba(255,255,255,0.13);\n }\n\n .socio-banner::after {\n content: \"\";\n position: absolute;\n width: 110px;\n height: 110px;\n left: -40px;\n bottom: -45px;\n border-radius: 50%;\n background: rgba(255,211,77,0.25);\n }\n\n .socio-contenido {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 35px;\n }\n\n .socio-texto {\n flex: 1;\n }\n\n .socio-texto h2 {\n margin: 0 0 9px;\n color: #ffffff !important;\n font-size: 31px;\n line-height: 1.25;\n font-weight: 750;\n }\n\n .socio-texto p {\n margin: 0;\n color: #ffffff !important;\n font-size: 16px;\n opacity: 0.95;\n }\n\n .precios {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 18px;\n }\n\n .precio {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 30px;\n background: #ffffff;\n color: #176b87 !important;\n font-size: 15px;\n font-weight: 750;\n }\n\n .precio.reducido {\n background: #ffd34d;\n color: #684e00 !important;\n }\n\n .socio-boton {\n flex-shrink: 0;\n display: inline-block;\n padding: 15px 29px;\n border-radius: 12px;\n background: #ffffff;\n color: #e05a47 !important;\n text-decoration: none;\n font-size: 16px;\n font-weight: 750;\n box-shadow: 0 5px 14px rgba(0,0,0,0.10);\n transition: all 0.25s ease;\n }\n\n .socio-boton:hover {\n background: #ffd34d;\n color: #604900 !important;\n transform: translateY(-3px);\n }\n\n\n \/* =====================================================\n TARJETAS DE INFORMACI\u00d3N\n ===================================================== *\/\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n\n .info-card {\n position: relative;\n overflow: hidden;\n background: #ffffff;\n border: 1px solid #e9e4dc;\n border-radius: 20px;\n padding: 31px;\n box-shadow: 0 7px 22px rgba(75, 65, 50, 0.07);\n }\n\n .info-card.destacada {\n grid-column: 1 \/ -1;\n }\n\n \/* Peque\u00f1a l\u00ednea decorativa *\/\n\n .info-card::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 5px;\n background: #ffd34d;\n }\n\n .info-card:nth-child(2)::before {\n background: #ef7b68;\n }\n\n .info-card:nth-child(3)::before {\n background: #49b9a6;\n }\n\n .icono {\n width: 54px;\n height: 54px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 18px;\n border-radius: 16px;\n background: #fff0bd;\n font-size: 25px;\n }\n\n .info-card:nth-child(2) .icono {\n background: #ffe2dd;\n }\n\n .info-card:nth-child(3) .icono {\n background: #dcf3ed;\n }\n\n .info-card h2 {\n margin: 0 0 15px;\n color: #176b87 !important;\n font-size: 24px;\n line-height: 1.3;\n }\n\n .info-card:nth-child(2) h2 {\n color: #d85e4d !important;\n }\n\n .info-card:nth-child(3) h2 {\n color: #3b927f !important;\n }\n\n .info-card p {\n margin: 0 0 15px;\n color: #596770;\n font-size: 15.5px;\n }\n\n .info-card p:last-child {\n margin-bottom: 0;\n }\n\n\n \/* =====================================================\n LISTA DE PARTICIPACI\u00d3N\n ===================================================== *\/\n\n .participacion-lista {\n list-style: none;\n padding: 0;\n margin: 22px 0 0;\n }\n\n .participacion-lista li {\n position: relative;\n padding: 12px 0 12px 34px;\n border-bottom: 1px solid #f0ede8;\n color: #56636b;\n font-size: 15px;\n }\n\n .participacion-lista li:last-child {\n border-bottom: none;\n }\n\n .participacion-lista li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 12px;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #dcf3ed;\n color: #318b76;\n font-size: 12px;\n font-weight: 750;\n }\n\n\n \/* =====================================================\n BLOQUE ESPECIAL DE CUOTAS\n ===================================================== *\/\n\n .cuota-box {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px;\n margin-top: 22px;\n padding: 17px 19px;\n border-radius: 13px;\n background: #fff8dc;\n border: 1px solid #f5df8c;\n }\n\n .cuota-box strong {\n color: #765900;\n }\n\n .cuota-box span {\n color: #6c6860;\n font-size: 14px;\n }\n\n\n \/* =====================================================\n CONTACTO\n ===================================================== *\/\n\n .contacto {\n position: relative;\n margin-top: 30px;\n padding: 31px;\n border-radius: 20px;\n background: linear-gradient(\n 135deg,\n #fff0bd,\n #fff8df\n );\n border: 1px solid #f1df9e;\n }\n\n .contacto h2 {\n margin: 0 0 12px;\n color: #176b87 !important;\n font-size: 24px;\n }\n\n .contacto p {\n margin: 0 0 20px;\n color: #5e675f;\n font-size: 15px;\n }\n\n .contacto-enlaces {\n display: flex;\n flex-wrap: wrap;\n gap: 11px;\n }\n\n .contacto-enlaces a {\n display: inline-block;\n padding: 10px 17px;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #eadfbf;\n color: #176b87 !important;\n text-decoration: none;\n font-size: 14px;\n font-weight: 650;\n transition: all 0.2s ease;\n }\n\n .contacto-enlaces a:hover {\n background: #176b87;\n border-color: #176b87;\n color: #ffffff !important;\n transform: translateY(-2px);\n }\n\n\n \/* =====================================================\n PIE\n ===================================================== *\/\n\n .ampa-footer {\n margin-top: 45px;\n padding-top: 25px;\n border-top: 1px solid #e4dfd6;\n text-align: center;\n color: #7a817c;\n font-size: 13px;\n }\n\n\n \/* =====================================================\n TABLET\n ===================================================== *\/\n\n @media (max-width: 850px) {\n\n .socio-contenido {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .socio-boton {\n align-self: flex-start;\n }\n\n .info-grid {\n grid-template-columns: 1fr;\n }\n\n .info-card.destacada {\n grid-column: auto;\n }\n }\n\n\n \/* =====================================================\n M\u00d3VIL\n ===================================================== *\/\n\n @media (max-width: 600px) {\n\n .ampa-container {\n padding: 32px 15px 50px;\n }\n\n .ampa-header h1 {\n font-size: 31px;\n }\n\n .ampa-header p {\n font-size: 15px;\n }\n\n .socio-banner {\n padding: 29px 23px;\n border-radius: 20px;\n }\n\n .socio-texto h2 {\n font-size: 26px;\n }\n\n .precios {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .socio-boton {\n width: 100%;\n text-align: center;\n }\n\n .info-card {\n padding: 26px 22px;\n }\n\n .contacto {\n padding: 26px 22px;\n }\n\n .contacto-enlaces {\n flex-direction: column;\n }\n\n .contacto-enlaces a {\n text-align: center;\n }\n }\n\n <\/style>\n<\/head>\n\n\n<body>\n\n <main class=\"ampa-container\">\n\n\n \n\n <header class=\"ampa-header\">\n\n <span class=\"ampa-label\">\n \ud83d\udc9b Comunidad educativa\n <\/span>\n\n <h1>\n AMPA Colegio Felipe II\n <\/h1>\n\n <p>\n Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II.\n Un espacio para colaborar, participar y compartir ideas\n en beneficio de nuestros ni\u00f1os y de toda la comunidad educativa.\n <\/p>\n\n <\/header>\n\n\n \n\n <section class=\"socio-banner\">\n\n <div class=\"socio-contenido\">\n\n <div class=\"socio-texto\">\n\n <h2>\n \ud83c\udf89 \u00a1Hazte socio\/a del AMPA!\n <\/h2>\n\n <p>\n Tu participaci\u00f3n nos ayuda a colaborar con el colegio,\n organizar actividades y poner en marcha proyectos\n para nuestras familias.\n <\/p>\n\n <div class=\"precios\">\n\n <span class=\"precio\">\n 15 \u20ac \/ a\u00f1o\n <\/span>\n\n <span class=\"precio reducido\">\n 10 \u20ac \/ a\u00f1o si ya eres socio\/a de otro AMPA\n <\/span>\n\n <\/div>\n\n <\/div>\n\n\n \n\n <a\n href=\"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/\/wp-content\/uploads\/cp.felipesegundo.elescorial\/2026\/09\/IMG-20260921-WA0004-1.jpg\"\n class=\"socio-boton\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label=\"Hazte socio del AMPA\"\n >\n \ud83d\udc49 Hazte socio\/a\n <\/a>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <section class=\"info-grid\">\n\n\n \n\n <article class=\"info-card destacada\">\n\n <div class=\"icono\">\n \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66\n <\/div>\n\n <h2>\n Qui\u00e9nes somos\n <\/h2>\n\n <p>\n El AMPA somos un grupo de padres y madres de alumnos\n del Colegio Felipe II que nos hemos unido para, en la\n medida de nuestras posibilidades, colaborar con el\n Centro en el desarrollo de la mejor propuesta educativa\n posible para nuestros hijos.\n <\/p>\n\n <\/article>\n\n\n \n\n <article class=\"info-card\">\n\n <div class=\"icono\">\n \ud83e\udd1d\n <\/div>\n\n <h2>\n \u00bfPara qu\u00e9 sirve el AMPA?\n <\/h2>\n\n <p>\n Juntos, podemos participar de forma m\u00e1s efectiva en\n la comunidad educativa. Nuestro objetivo es colaborar\n en la medida que se pueda con el centro educativo y\n promover la participaci\u00f3n de las madres y padres en\n una etapa de la educaci\u00f3n importante para nuestros ni\u00f1os.\n <\/p>\n\n <p>\n Queremos compartir intereses e inquietudes, participar\n en proyectos en marcha como el huerto escolar, organizar\n actividades interesantes para las familias y contribuir\n activamente a la vida del colegio.\n <\/p>\n\n <\/article>\n\n\n \n\n <article class=\"info-card\">\n\n <div class=\"icono\">\n \ud83c\udf31\n <\/div>\n\n <h2>\n \u00bfC\u00f3mo puedo participar?\n <\/h2>\n\n <p>\n Todas las ayudas son necesarias, por peque\u00f1as que os\n parezcan. El primer paso es hacerse socio del AMPA\n y, a partir de ah\u00ed, participar en la medida de las\n posibilidades de cada familia.\n <\/p>\n\n <ul class=\"participacion-lista\">\n\n <li>\n Hazte socio\/a del AMPA.\n <\/li>\n\n <li>\n Comparte tus ideas e inquietudes en las asambleas.\n <\/li>\n\n <li>\n Participa en alguno de los proyectos que est\u00e1n en marcha.\n <\/li>\n\n <li>\n Prop\u00f3n nuevas actividades para las familias.\n <\/li>\n\n <li>\n Si no puedes acudir a las reuniones, te mantendremos\n informado de lo que se hable.\n <\/li>\n\n <\/ul>\n\n\n \n\n <div class=\"cuota-box\">\n\n <strong>\n \ud83d\udcb3 Cuota anual\n <\/strong>\n\n <span>\n 15 \u20ac \u00b7 10 \u20ac si ya eres socio\/a de otro AMPA\n <\/span>\n\n <\/div>\n\n <\/article>\n\n\n <\/section>\n\n\n \n\n <section class=\"contacto\">\n\n <h2>\n \ud83d\udcac Estamos para escucharte\n <\/h2>\n\n <p>\n No dud\u00e9is en poneros en contacto con nosotros para hacernos\n llegar vuestras dudas, propuestas, intereses o temas que os\n gustar\u00eda abordar en la asamblea o en nuestro blog.\n <\/p>\n\n\n <div class=\"contacto-enlaces\">\n\n \n\n <a href=\"mailto:ampafelipeii@gmail.com\">\n \u2709\ufe0f ampafelipeii@gmail.com\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/ampafelipeiiblog.wordpress.com\/buzon\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud83d\udca1 Buz\u00f3n de sugerencias\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.facebook.com\/AmpaFelipeSegundo\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud83d\udcd8 Facebook \u00b7 @AmpaFelipeSegundo\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/x.com\/ampafelipe2\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud835\udd4f X \u00b7 @ampafelipe2\n <\/a>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <footer class=\"ampa-footer\">\n\n \ud83d\udc9b AMPA \u00b7 Colegio Felipe II\n\n <\/footer>\n\n\n <\/main>\n\n<\/body>\n<\/html>\n\u00ab`\n\n","protected":false},"excerpt":{"rendered":"<p>AMPA Colegio Felipe II \ud83d\udc9b Comunidad educativa AMPA Colegio Felipe II Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II. Un espacio para colaborar, participar y compartir ideas …<\/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-3064","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":"AMPA Colegio Felipe II \ud83d\udc9b Comunidad educativa AMPA Colegio Felipe II Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II. Un espacio para colaborar, participar y compartir ideas ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064","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=3064"}],"version-history":[{"count":3,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064\/revisions"}],"predecessor-version":[{"id":3416,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064\/revisions\/3416"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/media?parent=3064"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/folder?post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3064,"date":"2026-08-19T12:09:21","date_gmt":"2026-08-19T10:09:21","guid":{"rendered":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/?page_id=3064"},"modified":"2026-09-23T21:37:51","modified_gmt":"2026-09-23T19:37:51","slug":"asociacion-de-familias","status":"publish","type":"page","link":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/asociacion-de-familias\/","title":{"rendered":"ASOCIACI\u00d3N DE FAMILIAS"},"content":{"rendered":"\n\n\n\n\n\n \n \n\n AMPA Colegio Felipe II<\/title>\n\n <style>\n\n \/* =====================================================\n ESTILOS GENERALES\n ===================================================== *\/\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif;\n background: #fffaf4;\n color: #38434d;\n line-height: 1.7;\n }\n\n .ampa-container {\n max-width: 1150px;\n margin: 0 auto;\n padding: 45px 25px 70px;\n }\n\n\n \/* =====================================================\n CABECERA\n ===================================================== *\/\n\n .ampa-header {\n text-align: center;\n margin-bottom: 38px;\n }\n\n .ampa-label {\n display: inline-block;\n padding: 7px 20px;\n margin-bottom: 16px;\n border-radius: 30px;\n background: #fff0bd;\n color: #8a6200 !important;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .ampa-header h1 {\n margin: 0 0 15px;\n color: #176b87 !important;\n font-size: 42px;\n line-height: 1.2;\n font-weight: 750;\n }\n\n .ampa-header p {\n max-width: 800px;\n margin: 0 auto;\n color: #64717a;\n font-size: 17px;\n }\n\n\n \/* =====================================================\n CARTEL HAZTE SOCIO\n ===================================================== *\/\n\n .socio-banner {\n position: relative;\n overflow: hidden;\n margin-bottom: 42px;\n padding: 40px 45px;\n border-radius: 24px;\n background: linear-gradient(\n 135deg,\n #176b87 0%,\n #1d91a8 52%,\n #48b9a7 100%\n );\n color: #ffffff;\n box-shadow: 0 14px 32px rgba(23, 107, 135, 0.20);\n }\n\n \/* C\u00edrculos decorativos *\/\n\n .socio-banner::before {\n content: \"\";\n position: absolute;\n width: 190px;\n height: 190px;\n right: -55px;\n top: -80px;\n border-radius: 50%;\n background: rgba(255,255,255,0.13);\n }\n\n .socio-banner::after {\n content: \"\";\n position: absolute;\n width: 110px;\n height: 110px;\n left: -40px;\n bottom: -45px;\n border-radius: 50%;\n background: rgba(255,211,77,0.25);\n }\n\n .socio-contenido {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 35px;\n }\n\n .socio-texto {\n flex: 1;\n }\n\n .socio-texto h2 {\n margin: 0 0 9px;\n color: #ffffff !important;\n font-size: 31px;\n line-height: 1.25;\n font-weight: 750;\n }\n\n .socio-texto p {\n margin: 0;\n color: #ffffff !important;\n font-size: 16px;\n opacity: 0.95;\n }\n\n .precios {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 18px;\n }\n\n .precio {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 30px;\n background: #ffffff;\n color: #176b87 !important;\n font-size: 15px;\n font-weight: 750;\n }\n\n .precio.reducido {\n background: #ffd34d;\n color: #684e00 !important;\n }\n\n .socio-boton {\n flex-shrink: 0;\n display: inline-block;\n padding: 15px 29px;\n border-radius: 12px;\n background: #ffffff;\n color: #e05a47 !important;\n text-decoration: none;\n font-size: 16px;\n font-weight: 750;\n box-shadow: 0 5px 14px rgba(0,0,0,0.10);\n transition: all 0.25s ease;\n }\n\n .socio-boton:hover {\n background: #ffd34d;\n color: #604900 !important;\n transform: translateY(-3px);\n }\n\n\n \/* =====================================================\n TARJETAS DE INFORMACI\u00d3N\n ===================================================== *\/\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n\n .info-card {\n position: relative;\n overflow: hidden;\n background: #ffffff;\n border: 1px solid #e9e4dc;\n border-radius: 20px;\n padding: 31px;\n box-shadow: 0 7px 22px rgba(75, 65, 50, 0.07);\n }\n\n .info-card.destacada {\n grid-column: 1 \/ -1;\n }\n\n \/* Peque\u00f1a l\u00ednea decorativa *\/\n\n .info-card::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 5px;\n background: #ffd34d;\n }\n\n .info-card:nth-child(2)::before {\n background: #ef7b68;\n }\n\n .info-card:nth-child(3)::before {\n background: #49b9a6;\n }\n\n .icono {\n width: 54px;\n height: 54px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 18px;\n border-radius: 16px;\n background: #fff0bd;\n font-size: 25px;\n }\n\n .info-card:nth-child(2) .icono {\n background: #ffe2dd;\n }\n\n .info-card:nth-child(3) .icono {\n background: #dcf3ed;\n }\n\n .info-card h2 {\n margin: 0 0 15px;\n color: #176b87 !important;\n font-size: 24px;\n line-height: 1.3;\n }\n\n .info-card:nth-child(2) h2 {\n color: #d85e4d !important;\n }\n\n .info-card:nth-child(3) h2 {\n color: #3b927f !important;\n }\n\n .info-card p {\n margin: 0 0 15px;\n color: #596770;\n font-size: 15.5px;\n }\n\n .info-card p:last-child {\n margin-bottom: 0;\n }\n\n\n \/* =====================================================\n LISTA DE PARTICIPACI\u00d3N\n ===================================================== *\/\n\n .participacion-lista {\n list-style: none;\n padding: 0;\n margin: 22px 0 0;\n }\n\n .participacion-lista li {\n position: relative;\n padding: 12px 0 12px 34px;\n border-bottom: 1px solid #f0ede8;\n color: #56636b;\n font-size: 15px;\n }\n\n .participacion-lista li:last-child {\n border-bottom: none;\n }\n\n .participacion-lista li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 12px;\n width: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: #dcf3ed;\n color: #318b76;\n font-size: 12px;\n font-weight: 750;\n }\n\n\n \/* =====================================================\n BLOQUE ESPECIAL DE CUOTAS\n ===================================================== *\/\n\n .cuota-box {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px;\n margin-top: 22px;\n padding: 17px 19px;\n border-radius: 13px;\n background: #fff8dc;\n border: 1px solid #f5df8c;\n }\n\n .cuota-box strong {\n color: #765900;\n }\n\n .cuota-box span {\n color: #6c6860;\n font-size: 14px;\n }\n\n\n \/* =====================================================\n CONTACTO\n ===================================================== *\/\n\n .contacto {\n position: relative;\n margin-top: 30px;\n padding: 31px;\n border-radius: 20px;\n background: linear-gradient(\n 135deg,\n #fff0bd,\n #fff8df\n );\n border: 1px solid #f1df9e;\n }\n\n .contacto h2 {\n margin: 0 0 12px;\n color: #176b87 !important;\n font-size: 24px;\n }\n\n .contacto p {\n margin: 0 0 20px;\n color: #5e675f;\n font-size: 15px;\n }\n\n .contacto-enlaces {\n display: flex;\n flex-wrap: wrap;\n gap: 11px;\n }\n\n .contacto-enlaces a {\n display: inline-block;\n padding: 10px 17px;\n border-radius: 10px;\n background: #ffffff;\n border: 1px solid #eadfbf;\n color: #176b87 !important;\n text-decoration: none;\n font-size: 14px;\n font-weight: 650;\n transition: all 0.2s ease;\n }\n\n .contacto-enlaces a:hover {\n background: #176b87;\n border-color: #176b87;\n color: #ffffff !important;\n transform: translateY(-2px);\n }\n\n\n \/* =====================================================\n PIE\n ===================================================== *\/\n\n .ampa-footer {\n margin-top: 45px;\n padding-top: 25px;\n border-top: 1px solid #e4dfd6;\n text-align: center;\n color: #7a817c;\n font-size: 13px;\n }\n\n\n \/* =====================================================\n TABLET\n ===================================================== *\/\n\n @media (max-width: 850px) {\n\n .socio-contenido {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .socio-boton {\n align-self: flex-start;\n }\n\n .info-grid {\n grid-template-columns: 1fr;\n }\n\n .info-card.destacada {\n grid-column: auto;\n }\n }\n\n\n \/* =====================================================\n M\u00d3VIL\n ===================================================== *\/\n\n @media (max-width: 600px) {\n\n .ampa-container {\n padding: 32px 15px 50px;\n }\n\n .ampa-header h1 {\n font-size: 31px;\n }\n\n .ampa-header p {\n font-size: 15px;\n }\n\n .socio-banner {\n padding: 29px 23px;\n border-radius: 20px;\n }\n\n .socio-texto h2 {\n font-size: 26px;\n }\n\n .precios {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .socio-boton {\n width: 100%;\n text-align: center;\n }\n\n .info-card {\n padding: 26px 22px;\n }\n\n .contacto {\n padding: 26px 22px;\n }\n\n .contacto-enlaces {\n flex-direction: column;\n }\n\n .contacto-enlaces a {\n text-align: center;\n }\n }\n\n <\/style>\n<\/head>\n\n\n<body>\n\n <main class=\"ampa-container\">\n\n\n \n\n <header class=\"ampa-header\">\n\n <span class=\"ampa-label\">\n \ud83d\udc9b Comunidad educativa\n <\/span>\n\n <h1>\n AMPA Colegio Felipe II\n <\/h1>\n\n <p>\n Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II.\n Un espacio para colaborar, participar y compartir ideas\n en beneficio de nuestros ni\u00f1os y de toda la comunidad educativa.\n <\/p>\n\n <\/header>\n\n\n \n\n <section class=\"socio-banner\">\n\n <div class=\"socio-contenido\">\n\n <div class=\"socio-texto\">\n\n <h2>\n \ud83c\udf89 \u00a1Hazte socio\/a del AMPA!\n <\/h2>\n\n <p>\n Tu participaci\u00f3n nos ayuda a colaborar con el colegio,\n organizar actividades y poner en marcha proyectos\n para nuestras familias.\n <\/p>\n\n <div class=\"precios\">\n\n <span class=\"precio\">\n 15 \u20ac \/ a\u00f1o\n <\/span>\n\n <span class=\"precio reducido\">\n 10 \u20ac \/ a\u00f1o si ya eres socio\/a de otro AMPA\n <\/span>\n\n <\/div>\n\n <\/div>\n\n\n \n\n <a\n href=\"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/\/wp-content\/uploads\/cp.felipesegundo.elescorial\/2026\/09\/IMG-20260921-WA0004-1.jpg\"\n class=\"socio-boton\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label=\"Hazte socio del AMPA\"\n >\n \ud83d\udc49 Hazte socio\/a\n <\/a>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <section class=\"info-grid\">\n\n\n \n\n <article class=\"info-card destacada\">\n\n <div class=\"icono\">\n \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66\n <\/div>\n\n <h2>\n Qui\u00e9nes somos\n <\/h2>\n\n <p>\n El AMPA somos un grupo de padres y madres de alumnos\n del Colegio Felipe II que nos hemos unido para, en la\n medida de nuestras posibilidades, colaborar con el\n Centro en el desarrollo de la mejor propuesta educativa\n posible para nuestros hijos.\n <\/p>\n\n <\/article>\n\n\n \n\n <article class=\"info-card\">\n\n <div class=\"icono\">\n \ud83e\udd1d\n <\/div>\n\n <h2>\n \u00bfPara qu\u00e9 sirve el AMPA?\n <\/h2>\n\n <p>\n Juntos, podemos participar de forma m\u00e1s efectiva en\n la comunidad educativa. Nuestro objetivo es colaborar\n en la medida que se pueda con el centro educativo y\n promover la participaci\u00f3n de las madres y padres en\n una etapa de la educaci\u00f3n importante para nuestros ni\u00f1os.\n <\/p>\n\n <p>\n Queremos compartir intereses e inquietudes, participar\n en proyectos en marcha como el huerto escolar, organizar\n actividades interesantes para las familias y contribuir\n activamente a la vida del colegio.\n <\/p>\n\n <\/article>\n\n\n \n\n <article class=\"info-card\">\n\n <div class=\"icono\">\n \ud83c\udf31\n <\/div>\n\n <h2>\n \u00bfC\u00f3mo puedo participar?\n <\/h2>\n\n <p>\n Todas las ayudas son necesarias, por peque\u00f1as que os\n parezcan. El primer paso es hacerse socio del AMPA\n y, a partir de ah\u00ed, participar en la medida de las\n posibilidades de cada familia.\n <\/p>\n\n <ul class=\"participacion-lista\">\n\n <li>\n Hazte socio\/a del AMPA.\n <\/li>\n\n <li>\n Comparte tus ideas e inquietudes en las asambleas.\n <\/li>\n\n <li>\n Participa en alguno de los proyectos que est\u00e1n en marcha.\n <\/li>\n\n <li>\n Prop\u00f3n nuevas actividades para las familias.\n <\/li>\n\n <li>\n Si no puedes acudir a las reuniones, te mantendremos\n informado de lo que se hable.\n <\/li>\n\n <\/ul>\n\n\n \n\n <div class=\"cuota-box\">\n\n <strong>\n \ud83d\udcb3 Cuota anual\n <\/strong>\n\n <span>\n 15 \u20ac \u00b7 10 \u20ac si ya eres socio\/a de otro AMPA\n <\/span>\n\n <\/div>\n\n <\/article>\n\n\n <\/section>\n\n\n \n\n <section class=\"contacto\">\n\n <h2>\n \ud83d\udcac Estamos para escucharte\n <\/h2>\n\n <p>\n No dud\u00e9is en poneros en contacto con nosotros para hacernos\n llegar vuestras dudas, propuestas, intereses o temas que os\n gustar\u00eda abordar en la asamblea o en nuestro blog.\n <\/p>\n\n\n <div class=\"contacto-enlaces\">\n\n \n\n <a href=\"mailto:ampafelipeii@gmail.com\">\n \u2709\ufe0f ampafelipeii@gmail.com\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/ampafelipeiiblog.wordpress.com\/buzon\/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud83d\udca1 Buz\u00f3n de sugerencias\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/www.facebook.com\/AmpaFelipeSegundo\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud83d\udcd8 Facebook \u00b7 @AmpaFelipeSegundo\n <\/a>\n\n\n \n\n <a\n href=\"https:\/\/x.com\/ampafelipe2\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \ud835\udd4f X \u00b7 @ampafelipe2\n <\/a>\n\n <\/div>\n\n <\/section>\n\n\n \n\n <footer class=\"ampa-footer\">\n\n \ud83d\udc9b AMPA \u00b7 Colegio Felipe II\n\n <\/footer>\n\n\n <\/main>\n\n<\/body>\n<\/html>\n\u00ab`\n\n","protected":false},"excerpt":{"rendered":"<p>AMPA Colegio Felipe II \ud83d\udc9b Comunidad educativa AMPA Colegio Felipe II Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II. Un espacio para colaborar, participar y compartir ideas …<\/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-3064","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":"AMPA Colegio Felipe II \ud83d\udc9b Comunidad educativa AMPA Colegio Felipe II Asociaci\u00f3n de Madres y Padres de Alumnos del Colegio Felipe II. Un espacio para colaborar, participar y compartir ideas ...","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064","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=3064"}],"version-history":[{"count":3,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064\/revisions"}],"predecessor-version":[{"id":3416,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/pages\/3064\/revisions\/3416"}],"wp:attachment":[{"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/media?parent=3064"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/site.educa.madrid.org\/cp.felipesegundo.elescorial\/index.php\/wp-json\/wp\/v2\/folder?post=3064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}