{"id":126,"date":"2023-12-31T18:46:55","date_gmt":"2023-12-31T18:46:55","guid":{"rendered":"https:\/\/www.colegiolosportales.edu.co\/?page_id=126"},"modified":"2026-07-14T02:22:50","modified_gmt":"2026-07-14T02:22:50","slug":"blog","status":"publish","type":"page","link":"https:\/\/www.colegiolosportales.edu.co\/index.php\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"126\" class=\"elementor elementor-126\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-094446c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"094446c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bf8d43f\" data-id=\"bf8d43f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a333b96 elementor-widget elementor-widget-html\" data-id=\"a333b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .blog-banner {\r\n    background-color: #04454D;\r\n    padding: 80px 40px;\r\n    text-align: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .blog-banner h1 {\r\n    color: #ffffff;\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    margin: 0 0 16px 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-banner p {\r\n    color: #04C276;\r\n    font-size: 20px;\r\n    margin: 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-section {\r\n    padding: 60px 30px;\r\n    background: #f7faf9;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-grid {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 28px;\r\n  }\r\n\r\n  .blog-card {\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.07);\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .blog-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 12px 32px rgba(4,69,77,0.14);\r\n  }\r\n\r\n  .blog-card-img {\r\n    width: 100%;\r\n    height: 220px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .blog-card:hover .blog-card-img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .blog-card-img-wrapper {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .blog-card-categoria {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    background: #04C276;\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-card-body {\r\n    padding: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n  }\r\n\r\n  .blog-card-fecha {\r\n    color: #aaaaaa;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n    font-family: inherit;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .blog-card-fecha svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #aaaaaa;\r\n  }\r\n\r\n  .blog-card-titulo {\r\n    color: #04454D;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    margin: 0 0 12px 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-card-resumen {\r\n    color: #666666;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    margin: 0 0 20px 0;\r\n    font-family: inherit;\r\n    flex: 1;\r\n  }\r\n\r\n  .blog-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #04C276;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    font-family: inherit;\r\n    transition: gap 0.3s ease;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .blog-card-link:hover {\r\n    gap: 12px;\r\n    color: #04454D;\r\n  }\r\n\r\n  .blog-card-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .blog-destacado {\r\n    grid-column: 1 \/ -1;\r\n    display: grid;\r\n    grid-template-columns: 1.4fr 1fr;\r\n    gap: 0;\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.07);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .blog-destacado:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 12px 32px rgba(4,69,77,0.14);\r\n  }\r\n\r\n  .blog-destacado-img-wrapper {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .blog-destacado-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n    min-height: 300px;\r\n  }\r\n\r\n  .blog-destacado:hover .blog-destacado-img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .blog-destacado-tag {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    background: #FDC827;\r\n    color: #04454D;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-destacado-body {\r\n    padding: 36px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  .blog-destacado-fecha {\r\n    color: #aaaaaa;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 12px;\r\n    font-family: inherit;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .blog-destacado-fecha svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #aaaaaa;\r\n  }\r\n\r\n  .blog-destacado-titulo {\r\n    color: #04454D;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    margin: 0 0 14px 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-destacado-resumen {\r\n    color: #666666;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    margin: 0 0 24px 0;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .blog-destacado-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #04454D;\r\n    color: #ffffff !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    padding: 12px 24px;\r\n    border-radius: 50px;\r\n    font-family: inherit;\r\n    transition: all 0.3s ease;\r\n    width: fit-content;\r\n  }\r\n\r\n  .blog-destacado-link:hover {\r\n    background: #04C276;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .blog-destacado-link svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .blog-destacado {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .blog-destacado-img {\r\n      min-height: 220px;\r\n    }\r\n    .blog-banner h1 {\r\n      font-size: 32px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- BANNER -->\r\n<div class=\"blog-banner\">\r\n  <h1>Blog Institucional<\/h1>\r\n  <p>Noticias, experiencias y reflexiones de nuestra comunidad educativa.<\/p>\r\n<\/div>\r\n\r\n<!-- BLOG -->\r\n<div class=\"blog-section\">\r\n  <div class=\"blog-grid\">\r\n\r\n    <!-- ENTRADA DESTACADA -->\r\n    <div class=\"blog-destacado\">\r\n      <div class=\"blog-destacado-img-wrapper\">\r\n        <img decoding=\"async\" class=\"blog-destacado-img\" src=\"https:\/\/www.colegiolosportales.edu.co\/wp-content\/uploads\/2026\/07\/IMG_7569.JPG-scaled.jpeg\" alt=\"Democracia escolar\">\r\n        <span class=\"blog-destacado-tag\">\u2b50 Destacado<\/span>\r\n      <\/div>\r\n      <div class=\"blog-destacado-body\">\r\n        <div class=\"blog-destacado-fecha\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"\/><\/svg>\r\n          Julio 2026\r\n        <\/div>\r\n        <h2 class=\"blog-destacado-titulo\">De la escuela al ejercicio de la democracia<\/h2>\r\n        <p class=\"blog-destacado-resumen\">La democracia se refleja en la elecci\u00f3n de nuestros representantes. M\u00e1s all\u00e1 del acto de votar, son los estudiantes quienes nos ense\u00f1an a vivir y comprender nuestro papel como ciudadanos. El gobierno escolar es la cuna donde aprendemos a tomar decisiones sabias.<\/p>\r\n        <a href=\"https:\/\/www.colegiolosportales.edu.co\/index.php\/de-la-escuela-al-ejercicio-de-la-democracia\/\" class=\"blog-destacado-link\">\r\n          Leer art\u00edculo\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ENTRADA 2 -->\r\n    <div class=\"blog-card\">\r\n      <div class=\"blog-card-img-wrapper\">\r\n        <img decoding=\"async\" class=\"blog-card-img\" src=\"https:\/\/www.colegiolosportales.edu.co\/wp-content\/uploads\/2026\/07\/IMG_0049.JPG-scaled.jpeg\" alt=\"Proyecto Ambiental\">\r\n        <span class=\"blog-card-categoria\">Medio Ambiente<\/span>\r\n      <\/div>\r\n      <div class=\"blog-card-body\">\r\n        <div class=\"blog-card-fecha\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"\/><\/svg>\r\n          Julio 2026\r\n        <\/div>\r\n        <h3 class=\"blog-card-titulo\">Donde la naturaleza se convierte en maestra<\/h3>\r\n        <p class=\"blog-card-resumen\">Nuestros proyectos transversales ambientales acompa\u00f1an a los estudiantes desde sus primeros a\u00f1os hasta grado once. Un laboratorio vivo donde la biodiversidad es una oportunidad permanente para aprender.<\/p>\r\n        <a href=\"https:\/\/www.colegiolosportales.edu.co\/index.php\/colegio-portales-donde-la-naturaleza-se-convierte-en-maestra-y-cada-experiencia-construye-conciencia-ambiental\/\" class=\"blog-card-link\">\r\n          Leer m\u00e1s\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ENTRADA 3 -->\r\n    <div class=\"blog-card\">\r\n      <div class=\"blog-card-img-wrapper\">\r\n        <img decoding=\"async\" class=\"blog-card-img\" src=\"https:\/\/www.colegiolosportales.edu.co\/wp-content\/uploads\/2026\/07\/IMG_6761.JPG-scaled.jpeg\" alt=\"Biling\u00fcismo\">\r\n        <span class=\"blog-card-categoria\">Biling\u00fcismo<\/span>\r\n      <\/div>\r\n      <div class=\"blog-card-body\">\r\n        <div class=\"blog-card-fecha\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"\/><\/svg>\r\n          Julio 2026\r\n        <\/div>\r\n        <h3 class=\"blog-card-titulo\">M\u00e1s all\u00e1 de las palabras: C\u00f3mo vivimos el biling\u00fcismo<\/h3>\r\n        <p class=\"blog-card-resumen\">El biling\u00fcismo no es una asignatura: es una cultura que se respira, se juega y se vive cada d\u00eda. Idioms Week, English Corners, Spelling Bee \u2014 as\u00ed construimos un ecosistema ling\u00fc\u00edstico real.<\/p>\r\n        <a href=\"https:\/\/www.colegiolosportales.edu.co\/index.php\/mas-alla-de-las-palabras\/\" class=\"blog-card-link\">\r\n          Leer m\u00e1s\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Blog Institucional Noticias, experiencias y reflexiones de nuestra comunidad educativa. \u2b50 Destacado Julio 2026 De la escuela al ejercicio de la democracia La democracia se refleja en la elecci\u00f3n de nuestros representantes. M\u00e1s all\u00e1 del acto de votar, son los estudiantes quienes nos ense\u00f1an a vivir y comprender nuestro papel como ciudadanos. El gobierno escolar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":10,"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":11344,"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/pages\/126\/revisions\/11344"}],"wp:attachment":[{"href":"https:\/\/www.colegiolosportales.edu.co\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}