{"id":8775,"date":"2026-10-07T08:13:45","date_gmt":"2026-10-07T13:13:45","guid":{"rendered":"https:\/\/bsm.edu.co\/?page_id=8775"},"modified":"2026-10-16T10:17:27","modified_gmt":"2026-10-16T15:17:27","slug":"secret","status":"publish","type":"page","link":"https:\/\/bsm.edu.co\/en\/secret\/","title":{"rendered":"Nueva imagen"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"banner-blason-1\" data-id=\"51\" id=\"SR7_51_1\" class=\"rs-ov-hidden\" data-version=\"6.7.38\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_51_1-122\" data-key=\"122\">\n\t\t\t\t\t\t\t<sr7-bg id=\"SR7_51_1-122-16\" class=\"sr7-layer\"><noscript><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/banner-bl4s0n.webp?w=1200&#038;ssl=1\" alt=\"\" title=\"banner bl4s0n\"><\/noscript><\/sr7-bg>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_51_1-122-0\" class=\"sr7-layer\">Misma esencia. Nueva mirada.<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_51_1-123\" data-key=\"123\">\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/imagotipo-benectino.png\" data-libid=\"8783\" data-lib=\"medialibrary\" title=\"imagotipo benectino\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5L2ltYWdvdGlwby1iZW5lY3Rpbm8ucG5n\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/1-grafico.png\" data-libid=\"8784\" data-lib=\"medialibrary\" alt=\"imagen para slider rvolution banner lanzamiento\" title=\"1 grafico\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5LzEtZ3JhZmljby5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/2-grafico.png\" data-libid=\"8785\" data-lib=\"medialibrary\" alt=\"imagen para slider rvolution banner lanzamiento\" title=\"2 grafico\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5LzItZ3JhZmljby5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/3-grafico.png\" data-libid=\"8786\" data-lib=\"medialibrary\" alt=\"imagen para slider rvolution banner lanzamiento\" title=\"3 grafico\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5LzMtZ3JhZmljby5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/grafico-4-e1790601282748.png\" data-libid=\"8943\" data-lib=\"medialibrary\" title=\"grafico 4\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5L2dyYWZpY28tNC1lMTc5MDYwMTI4Mjc0OC5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/cruz-benedictina.png\" data-libid=\"8787\" data-lib=\"medialibrary\" title=\"cruz benedictina\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5L2NydXotYmVuZWRpY3RpbmEucG5n\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/banner-bl4s0n.webp\" data-libid=\"8766\" data-lib=\"medialibrary\" title=\"banner bl4s0n\" width=\"0\" height=\"0\" data-dbsrc=\"Ly9ic20uZWR1LmNvL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDI2LzA5L2Jhbm5lci1ibDRzMG4ud2VicA==\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script>\n\t\t\t\t\tSR7.PMH ??={}; SR7.PMH[\"SR7_51_1\"] = {cn:100,state:false,fn: function() { if (_tpt!==undefined && _tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_51_1\",el:[900,900,768,960,720],type:'standard',shdw:'0',gh:[900,900,743,565,349],gw:[1240,1240,1024,778,480],vpt:['-100px'],size:{fullWidth:true, fullHeight:false},mh:'0',onh:0,onw:0,bg:{color:'{\"orig\":\"transparent\",\"type\":\"solid\",\"string\":\"transparent\"}'}});   SR7.PMH[\"SR7_51_1\"].state=true;} else if(SR7.PMH[\"SR7_51_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_51_1\"].fn,19);}};SR7.PMH[\"SR7_51_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1789400821017 vc_row-has-fill\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 100px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. SANGR\u00cdAS, M\u00c1RGENES Y ANIMACI\u00d3N M\u00d3VIL             *\/\r\n  \/* =================================================== *\/\r\n  .seccion-1, .seccion-2, .seccion-3 {\r\n    \/* Reducido a 5px para aprovechar mejor la pantalla en m\u00f3vil. \r\n       Si tu tema de WordPress ya incluye m\u00e1rgenes, puedes cambiar esto a 0px *\/\r\n    padding-left: 5px;\r\n    padding-right: 5px;\r\n    margin-bottom: 80px; \/* Reducido espacio entre secciones en m\u00f3vil *\/\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n\r\n    \/* Animaci\u00f3n: reducido el desplazamiento a -40px para evitar scroll horizontal en m\u00f3vil *\/\r\n    opacity: 0;\r\n    transform: translateX(-40px);\r\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n  }\r\n\r\n  \/* Estado al hacer scroll *\/\r\n  .seccion-1.visible, .seccion-2.visible, .seccion-3.visible {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. TAMA\u00d1OS DE TEXTO EN CELULAR (M\u00d3VIL)             *\/\r\n  \/* =================================================== *\/\r\n  .seccion-1 h1, \r\n  .seccion-2 h1, \r\n  .seccion-3 h1 {\r\n    font-size: 26px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .seccion-1 h2 {\r\n    font-size: 18px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .seccion-2 p, \r\n  .seccion-3 p {\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 3. SANGR\u00cdAS Y TAMA\u00d1OS EN COMPUTADOR (PC)           *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .seccion-1 {\r\n      padding-left: 30px;\r\n      padding-right: 600px;\r\n      margin-bottom: 300px;\r\n    }\r\n\r\n    .seccion-2 {\r\n      padding-left: 600px;\r\n      padding-right: 30px;\r\n      margin-bottom: 300px;\r\n    }\r\n\r\n    .seccion-3 {\r\n      padding-left: 30px;\r\n      padding-right: 600px;\r\n      margin-bottom: 200px;\r\n    }\r\n\r\n    .seccion-1 h1, \r\n    .seccion-2 h1, \r\n    .seccion-3 h1 {\r\n      font-size: 40px;\r\n    }\r\n\r\n    .seccion-1 h2 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .seccion-2 p, \r\n    .seccion-3 p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- =================================================== -->\r\n<!-- CONTENIDO DE TUS TEXTOS ORGANIZADOS                 -->\r\n<!-- =================================================== -->\r\n\r\n<!-- PRIMERA SECCI\u00d3N -->\r\n<div class=\"seccion-1\">\r\n  <h1><span style=\"color: #f4d78f;\"><strong>Nuestro legado gr\u00e1fico<\/strong><\/span><\/h1>\r\n  <h2><span style=\"color: #f4d78f;\">Durante casi siete d\u00e9cadas, el escudo her\u00e1ldico fue el s\u00edmbolo de nuestra historia y tradici\u00f3n.<\/span><\/h2>\r\n<\/div>\r\n\r\n<!-- SEGUNDA SECCI\u00d3N -->\r\n<div class=\"seccion-2\">\r\n  <h1 style=\"margin-top: 0;\"><strong><span style=\"color: #f4d78f;\">As\u00ed como t\u00fa, nosotros tambi\u00e9n crecemos y evolucionamos.<\/span><\/strong><\/h1>\r\n  <p><span style=\"color: #ffffff;\">As\u00ed como nuestros estudiantes descubren nuevas capacidades, maduran y avanzan sin perder su alma, nuestra identidad institucional tambi\u00e9n da un paso adelante. Adaptamos nuestros s\u00edmbolos para comunicarnos con la claridad que exige el presente, asegurando que la fuerza de nuestra historia siga estando presente en cada pantalla, uniforme y espacio que habitamos.<\/span><\/p>\r\n<\/div>\r\n\r\n<!-- TERCERA SECCI\u00d3N -->\r\n<div class=\"seccion-3\">\r\n  <h1><span style=\"color: #f4d78f;\">En 2020<\/span><\/h1>\r\n  <p><span style=\"color: #ffffff;\">La instituci\u00f3n, tras el proceso de transformaci\u00f3n educativa, InnoBen de 2017, vio la necesidad de crear un discurso visual alineado con la innovaci\u00f3n y el futuro. De este hito nacieron los logotipos para las diferentes secciones, estableciendo un lenguaje de formas sobrias, simplificadas y de alta reproducibilidad, acompa\u00f1adas de diferentes tonos de azules monocrom\u00e1ticos, los cuales representaban la <span style=\"color: #f4d78f;\"><strong>idea de crecer y avanzar<\/strong> <\/span>de acuerdo a la intensidad del azul que acompa\u00f1a cada secci\u00f3n.<\/span><\/p>\r\n<\/div>\r\n\r\n<!-- =================================================== -->\r\n<!-- SCRIPT DE DETECCI\u00d3N DE SCROLL                       -->\r\n<!-- =================================================== -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const secciones = document.querySelectorAll(\".seccion-1, .seccion-2, .seccion-3\");\r\n\r\n    const observador = new IntersectionObserver((entradas) => {\r\n      entradas.forEach((entrada) => {\r\n        if (entrada.isIntersecting) {\r\n          entrada.target.classList.add(\"visible\");\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    secciones.forEach((seccion) => observador.observe(seccion));\r\n  });\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/InnoBen.png?resize=1080%2C350&#038;ssl=1\" width=\"1080\" height=\"350\" alt=\"Logo de InnoBen para la pagina de lanzamiento\" title=\"InnoBen\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/innoben-2\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR PRINCIPAL                             *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-barras {\r\n    display: flex;\r\n    flex-direction: column; \/* M\u00d3VIL: Apiladas una debajo de otra *\/\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. DISE\u00d1O DE LAS BARRAS (Versi\u00f3n M\u00f3vil)             *\/\r\n  \/* =================================================== *\/\r\n  .barra-item {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 120px; \/* Altura de la barra en celular *\/\r\n\r\n    \/* Animaci\u00f3n: Bajan desde arriba *\/\r\n    opacity: 0;\r\n    transform: translateY(-60px);\r\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n  }\r\n\r\n  \/* TONOS DE AZUL *\/\r\n  .barra-1 { background-color: #80BEE9; }\r\n  .barra-2 { background-color: #3496D2; }\r\n  .barra-3 { background-color: #236CAA; }\r\n  .barra-4 { background-color: #1C5289; }\r\n  .barra-5 { background-color: #163050; }\r\n\r\n  \/* LOGOS *\/\r\n  .logo-barra {\r\n    width: 90px; \/* Tama\u00f1o del logo en celular *\/\r\n    height: auto;\r\n    max-height: 80%;\r\n    object-fit: contain;\r\n    opacity: 0;\r\n    transition: opacity 0.8s ease-in;\r\n  }\r\n\r\n  \/* ACTIVADORES DE ANIMACI\u00d3N *\/\r\n  .barra-item.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n  \r\n  .barra-item.visible .logo-barra {\r\n    opacity: 1;\r\n    transition-delay: 0.4s;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 3. VERSI\u00d3N DE ESCRITORIO (Forzado a Pantalla Completa) *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-barras {\r\n      flex-direction: row;  \/* ESCRITORIO: Alineadas en paralelo *\/\r\n      height: 500px;        \/* Altura de las barras en PC *\/\r\n      \r\n      \/* --- TRUCO CSS PARA ANCHO COMPLETO EN WORDPRESS --- *\/\r\n      width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      right: 50%;\r\n      margin-left: -50vw;\r\n      margin-right: -50vw;\r\n      \/* -------------------------------------------------- *\/\r\n    }\r\n\r\n    .barra-item {\r\n      flex: 1;              \/* Divide la pantalla en 5 partes exactamente iguales *\/\r\n      height: 100%;\r\n      align-items: center;\r\n      padding-top: 0px;\r\n    }\r\n\r\n    .logo-barra {\r\n      width: 50%;           \/* Tama\u00f1o proporcional del logo en PC *\/\r\n      max-width: 120px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DE BARRAS Y LOGOS -->\r\n<div class=\"contenedor-barras\">\r\n  \r\n  <div class=\"barra-item barra-1 barra-animada\">\r\n    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/colegiobenedictino.edu.co\/wp-content\/uploads\/2026\/09\/logo-ebk_1.png?w=1200&#038;ssl=1\" alt=\"Logo 1\" class=\"logo-barra\">\r\n  <\/div>\r\n  \r\n  <div class=\"barra-item barra-2 barra-animada\">\r\n    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/colegiobenedictino.edu.co\/wp-content\/uploads\/2026\/09\/logo-ebi_2.png?w=1200&#038;ssl=1\" alt=\"Logo 2\" class=\"logo-barra\">\r\n  <\/div>\r\n  \r\n  <div class=\"barra-item barra-3 barra-animada\">\r\n    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/colegiobenedictino.edu.co\/wp-content\/uploads\/2026\/09\/logo-ebe_3.png?w=1200&#038;ssl=1\" alt=\"Logo 3\" class=\"logo-barra\">\r\n  <\/div>\r\n  \r\n  <div class=\"barra-item barra-4 barra-animada\">\r\n    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/colegiobenedictino.edu.co\/wp-content\/uploads\/2026\/09\/logo-ebc_4.png?w=1200&#038;ssl=1\" alt=\"Logo 4\" class=\"logo-barra\">\r\n  <\/div>\r\n  \r\n  <div class=\"barra-item barra-5 barra-animada\">\r\n    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/colegiobenedictino.edu.co\/wp-content\/uploads\/2026\/09\/logo-ebp_5.png?w=1200&#038;ssl=1\" alt=\"Logo 5\" class=\"logo-barra\">\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- SCRIPT DE DETECCI\u00d3N DE SCROLL -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const barras = document.querySelectorAll(\".barra-animada\");\r\n\r\n    const observadorBarras = new IntersectionObserver((entradas) => {\r\n      entradas.forEach((entrada, index) => {\r\n        if (entrada.isIntersecting) {\r\n          setTimeout(() => {\r\n            entrada.target.classList.add(\"visible\");\r\n          }, index * 150);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    barras.forEach((barra) => observadorBarras.observe(barra));\r\n  });\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element  wpb_animate_when_almost_visible wpb_fadeIn fadeIn\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 style=\"text-align: center;\"><span style=\"color: #f4d78f;\"><strong>Iconos laboratorios<\/strong><\/span><\/h1>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ffffff;\">Para fortalecer la dimensi\u00f3n visual del proyecto InnoBen, dise\u00f1amos un sistema iconogr\u00e1fico exclusivo destinado a la identificaci\u00f3n de los laboratorios y espacios de aprendizaje. Este universo gr\u00e1fico se fundamenta en la s\u00edntesis geom\u00e9trica: mediante la articulaci\u00f3n y superposici\u00f3n de formas b\u00e1sicas (c\u00edrculos, cuadr\u00edculas y trazos elementales), se construyen abstracciones legibles que representan la tem\u00e1tica y funci\u00f3n de cada espacio. En coherencia con la arquitectura crom\u00e1tica del proyecto, cada \u00edcono adopta la densidad del azul correspondiente a la secci\u00f3n o nivel educativo en el que se implementa junto a un azul de nuestra paleta de colores corporativos. Esta aplicaci\u00f3n no solo preserva la armon\u00eda con la escala progresiva del colegio, sino que fortalece el reconocimiento de nuestra paleta de colores.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 35px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"ex-full\" data-bg-color=\"#174679\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1790372765043 vc_row-has-fill\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_1.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_1\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_1\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_3.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_3\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_3\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_2.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_2\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_2\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_4.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_4\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_4\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_5.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_5\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_5\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/09\/iconos-innoBen_6.webp?resize=100%2C100&#038;ssl=1\" width=\"100\" height=\"100\" alt=\"Icono innoBen p\u00e1gina web lanzamiento\" title=\"iconos innoBen_6\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/iconos-innoben_6\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"full\" data-bg-color=\"#174679\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element  wpb_animate_when_almost_visible wpb_slideInDown slideInDown\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1><span style=\"color: #f4d78f;\"><strong>Nos preguntamos entonces:<\/strong><\/span><\/h1>\n<h3><span style=\"color: #ffffff;\">Si nuestro modelo educativo evolucion\u00f3 e integr\u00f3 un lenguaje visual propio para formar a las futuras generaciones, <strong>\u00bfpor qu\u00e9 dejar atr\u00e1s el s\u00edmbolo que define nuestra identidad?<\/strong><\/span><\/h3>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- IMPORTACI\u00d3N DE LA FUENTE MONTSERRAT DESDE GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Contenedor principal con Flexbox para centrado perfecto *\/\r\n  .escena-container {\r\n    background-color: #174679;\r\n    width: 100%;\r\n    min-height: 60vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 60px 5%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Agrupador para mantener proporciones de la fila *\/\r\n  .contenido-flex {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n  }\r\n\r\n  \/* Contenedor estricto para el SVG *\/\r\n  .grafico-wrapper {\r\n    position: relative;\r\n    flex: 0 0 45%;\r\n    max-width: 400px;\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n\r\n  .svg-base, .svg-animado {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Estado inicial de la ficha *\/\r\n  .ficha-deslizable {\r\n    transform: translateX(-100%);\r\n    opacity: 0;\r\n  }\r\n\r\n  .ficha-deslizable.animada {\r\n    animation: entrarDesdeIzquierda 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  @keyframes entrarDesdeIzquierda {\r\n    0% { transform: translateX(-100%); opacity: 0; }\r\n    100% { transform: translateX(0); opacity: 1; }\r\n  }\r\n\r\n  \/* Estilos del texto con MONTSERRAT *\/\r\n  .texto-inno {\r\n    flex: 0 0 50%;\r\n    max-width: 500px;\r\n    \/* AQU\u00cd APLICAMOS MONTSERRAT *\/\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(14px, 2vw, 24px);\r\n    color: #ffffff;\r\n    line-height: 1.2; \/* Un poco m\u00e1s de interlineado para que Montserrat lea mejor *\/\r\n    font-weight: 400; \/* Peso normal de la letra *\/\r\n    opacity: 0;\r\n  }\r\n\r\n  .texto-inno.animado {\r\n    animation: fadeInTexto 1.5s ease-out forwards;\r\n    animation-delay: 1.2s;\r\n  }\r\n\r\n  @keyframes fadeInTexto {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Adaptaci\u00f3n total para celulares *\/\r\n  @media (max-width: 850px) {\r\n    .contenido-flex {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      gap: 20px;\r\n    }\r\n    .grafico-wrapper {\r\n      width: 70%;\r\n      max-width: 300px;\r\n    }\r\n    .texto-inno {\r\n      flex: 1 1 auto;\r\n      max-width: 100%;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"escena-container\" id=\"seccion-animada\">\r\n  <div class=\"contenido-flex\">\r\n    \r\n    <!-- CONTENEDOR DEL ROMPECABEZAS -->\r\n    <div class=\"grafico-wrapper\">\r\n      <!-- SVG BASE -->\r\n      <svg class=\"svg-base\" viewBox=\"300 200 750 650\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\r\n        <g>\r\n          <path d=\"M549.085,667.614l-99.09,-99.09c-14.781,-14.781 -14.781,-38.746 0,-53.527l99.09,-99.09c2.375,-2.375 6.225,-2.375 8.6,0l37.297,37.297c3.075,3.075 2.016,8.274 -2.005,9.929c-3.66,1.507 -7.081,3.772 -10.024,6.794c-11.298,11.603 -11.239,30.286 0.129,41.82c11.659,11.83 30.7,11.883 42.425,0.158c2.875,-2.875 5.043,-6.191 6.501,-9.729c1.658,-4.022 6.832,-5.115 9.908,-2.038l37.322,37.322c2.375,2.375 2.375,6.225 0,8.6l-36.106,36.106c-2.794,2.794 -7.504,2.256 -9.522,-1.142c-1.304,-2.196 -2.915,-4.261 -4.83,-6.133c-11.597,-11.336 -30.311,-11.295 -41.861,0.088c-11.83,11.659 -11.883,30.7 -0.159,42.425c1.789,1.789 3.748,3.304 5.825,4.544c3.417,2.041 4.036,6.729 1.222,9.543l-36.122,36.122c-2.375,2.375 -6.225,2.375 -8.6,-0Z\" style=\"fill:none;stroke:#f4d78f;stroke-width:12.76px;\"\/>\r\n          <path d=\"M819.99,607.769c11.368,11.535 11.427,30.218 0.129,41.821c-2.947,3.026 -6.374,5.294 -10.041,6.801c-4.014,1.649 -5.069,6.841 -2,9.91l37.318,37.318c2.371,2.371 2.37,6.213 0,8.583l-99.098,99.098c-14.781,14.781 -38.746,14.781 -53.527,0l-99.098,-99.098c-2.371,-2.371 -2.37,-6.213 -0,-8.583l36.114,-36.114c2.794,-2.794 2.256,-7.505 -1.142,-9.523c-2.196,-1.305 -4.261,-2.915 -6.133,-4.83c-11.335,-11.597 -11.295,-30.311 0.088,-41.862c11.66,-11.83 30.701,-11.882 42.425,-0.158c1.793,1.793 3.31,3.756 4.553,5.838c2.035,3.412 6.715,4.028 9.524,1.219l36.142,-36.142c2.37,-2.37 6.212,-2.371 8.583,0l37.331,37.331c3.076,3.076 8.25,1.983 9.908,-2.04c1.459,-3.538 3.626,-6.853 6.502,-9.729c11.724,-11.724 30.766,-11.672 42.424,0.159Z\" style=\"fill:none;stroke:#fff;stroke-width:12.76px;\"\/>\r\n          <path d=\"M848.919,376.381l-36.115,36.115c-2.794,2.794 -2.254,7.503 1.143,9.522c2.195,1.304 4.26,2.916 6.132,4.828c11.337,11.598 11.294,30.312 -0.087,41.863c-11.66,11.83 -30.701,11.882 -42.425,0.157c-1.793,-1.793 -3.311,-3.755 -4.553,-5.838c-2.036,-3.412 -6.716,-4.027 -9.525,-1.219l-36.142,36.142c-2.369,2.369 -6.211,2.369 -8.581,-0.001l-37.319,-37.319c-3.069,-3.069 -8.26,-2.013 -9.91,2.001c-1.507,3.666 -3.775,7.094 -6.801,10.041c-11.602,11.298 -30.286,11.239 -41.82,-0.129c-11.831,-11.658 -11.883,-30.7 -0.158,-42.425c2.875,-2.875 6.19,-5.042 9.728,-6.5c4.022,-1.658 5.116,-6.833 2.04,-9.909l-37.331,-37.331c-2.37,-2.37 -2.371,-6.212 -0.001,-8.581l99.1,-99.1c14.78,-14.78 38.746,-14.781 53.527,0l99.098,99.098c2.37,2.37 2.369,6.214 -0,8.583Z\" style=\"fill:none;stroke:#fff;stroke-width:12.76px;\"\/>\r\n        <\/g>\r\n      <\/svg>\r\n\r\n      <!-- SVG FICHA ANIMADA -->\r\n      <svg class=\"svg-animado ficha-deslizable\" viewBox=\"300 200 750 650\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\r\n        <path d=\"M893.505,412.385l99.09,99.09c14.781,14.781 14.78,38.748 -0,53.527l-99.09,99.09c-2.376,2.376 -6.225,2.374 -8.599,-0l-37.298,-37.298c-3.075,-3.075 -2.017,-8.273 2.004,-9.929c3.66,-1.507 7.081,-3.772 10.024,-6.793c11.297,-11.603 11.239,-30.285 -0.129,-41.821c-11.658,-11.831 -30.7,-11.883 -42.424,-0.159c-2.876,2.876 -5.043,6.192 -6.502,9.729c-1.658,4.022 -6.831,5.115 -9.907,2.039l-37.323,-37.323c-2.374,-2.374 -2.376,-6.223 -0,-8.599l36.106,-36.106c2.794,-2.794 7.503,-2.254 9.522,1.143c1.304,2.195 2.916,4.26 4.83,6.134c11.597,11.335 30.311,11.293 41.862,-0.088c11.83,-11.66 11.883,-30.703 0.159,-42.427c-1.788,-1.788 -3.747,-3.303 -5.825,-4.544c-3.418,-2.042 -4.037,-6.729 -1.222,-9.544l36.122,-36.122c2.376,-2.376 6.226,-2.376 8.601,-0.002Z\" style=\"fill:none;stroke:#f4d78f;stroke-width:12.76px;\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- TEXTO -->\r\n    <div class=\"texto-inno\">\r\n      Por lo tanto una nueva evoluci\u00f3n visual es la pieza que completa el sistema: una imagen renovada que acompa\u00f1a con coherencia, dinamismo y proyecci\u00f3n a la propuesta de innovaci\u00f3n InnoBen.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const escena = document.getElementById('seccion-animada');\r\n    const ficha = document.querySelector('.ficha-deslizable');\r\n    const texto = document.querySelector('.texto-inno');\r\n\r\n    const observador = new IntersectionObserver((entradas, observer) => {\r\n      entradas.forEach(entrada => {\r\n        if (entrada.isIntersecting) {\r\n          ficha.classList.add('animada');\r\n          texto.classList.add('animado');\r\n          observer.unobserve(entrada.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.3 \r\n    });\r\n\r\n    if(escena) {\r\n      observador.observe(escena);\r\n    }\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Carga de la tipograf\u00eda Montserrat -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"reto-diseno-container\">\r\n  <div class=\"reto-diseno-card\">\r\n    \r\n    <!-- SECCI\u00d3N 1: T\u00edtulo y Subt\u00edtulo Superior -->\r\n    <div class=\"seccion-superior\">\r\n      <h2 class=\"titulo-principal\">El reto: equilibrio identitario<\/h2>\r\n      <p class=\"subtitulo-principal\">\r\n        El desaf\u00edo t\u00e9cnico y conceptual radica en desarrollar un elemento que act\u00fae como un puente conceptual entre dos realidades institucionales:\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 2: Diagrama (Cabecera y Cuerpo) -->\r\n    <div class=\"seccion-diagrama\">\r\n      <!-- Cabecera del Diagrama -->\r\n      <div class=\"diagrama-header\">\r\n        <span class=\"header-titulo\">Nuestro legado<\/span>\r\n        <div class=\"linea-horizontal-container\">\r\n          <div class=\"circulo-extremo\"><\/div>\r\n          <div class=\"linea-centro\"><\/div>\r\n          <div class=\"circulo-extremo\"><\/div>\r\n        <\/div>\r\n        <span class=\"header-titulo\">La proyecci\u00f3n<\/span>\r\n      <\/div>\r\n\r\n      <!-- Cuerpo del Diagrama -->\r\n      <div class=\"diagrama-body\">\r\n        <div class=\"columna-parrafo izquierda\">\r\n          <p><strong class=\"resaltado\">Preservar la esencia de la herencia Benedictina,<\/strong> sintetizando los pilares de la Pax, la espiritualidad y la cultura de la acogida.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"separador-central\">\r\n          <div class=\"linea-vertical\"><\/div>\r\n          <div class=\"flecha-abajo\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"columna-parrafo derecha\">\r\n          <p><strong class=\"resaltado\">Integrar de manera org\u00e1nica<\/strong> el nuevo ecosistema educativo, asegurando que la marca dialogue de forma natural con los c\u00f3digos visuales de la academia contempor\u00e1nea.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SECCI\u00d3N 3: Parte Inferior -->\r\n    <div class=\"seccion-inferior\">\r\n      <h3 class=\"titulo-inferior\">lo que nos mueve al cambio<\/h3>\r\n      <p class=\"texto-inferior\">\r\n        La actualizaci\u00f3n de nuestra marca trasciende la simplificaci\u00f3n de una forma; es la oportunidad de manifestar, con el lenguaje de hoy, la promesa m\u00e1s profunda de nuestro colegio. Nuestro nuevo signo gr\u00e1fico nace para proyectar dinamismo y direcci\u00f3n. Es la traducci\u00f3n visual del desarrollo humano y acad\u00e9mico que buscamos inspirar d\u00eda a d\u00eda: un progreso constante, un crecimiento intelectual sin l\u00edmites y la certeza de formar estudiantes <strong class=\"resaltado\">capaces de avanzar con seguridad y determinaci\u00f3n hacia los retos del futuro.<\/strong>\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* =========================================================\r\n   1. VARIABLES DE ESPACIADOS (L\u00cdNEAS ROJAS) - AJUSTA AQU\u00cd\r\n   ========================================================= *\/\r\n:root {\r\n  \/* ESPACIOS PARA COMPUTADOR (PC) *\/\r\n  --pc-espacio-titulo-subtitulo: 40px;      \/* Espacio bajo el t\u00edtulo principal *\/\r\n  --pc-espacio-subtitulo-diagrama: 80px;    \/* Espacio antes de \"El legado \/ La proyecci\u00f3n\" *\/\r\n  --pc-espacio-diagrama-inferior: 70px;     \/* Espacio bajo la flecha central *\/\r\n  --pc-espacio-titulo-texto-inferior: 40px; \/* Espacio bajo \"La oportunidad de posicionamiento\" *\/\r\n\r\n  \/* ESPACIOS PARA M\u00d3VIL (CELULAR) *\/\r\n  --movil-espacio-titulo-subtitulo: 20px;\r\n  --movil-espacio-subtitulo-diagrama: 35px;\r\n  --movil-espacio-diagrama-inferior: 40px;\r\n  --movil-espacio-titulo-texto-inferior: 15px;\r\n\r\n\/* =========================================================\r\n   2. VARIABLES DE TAMA\u00d1OS DE TIPOGRAF\u00cdA\r\n   ========================================================= *\/\r\n  \/* TAMA\u00d1OS PARA COMPUTADOR (PC) *\/\r\n  --pc-titulo-principal: 40px;\r\n  --pc-subtitulo: 17px;\r\n  --pc-header-diagrama: 22px;\r\n  --pc-parrafos-diagrama: 17px;\r\n  --pc-titulo-inferior: 22px;\r\n  --pc-texto-inferior: 17px;\r\n\r\n  \/* TAMA\u00d1OS PARA M\u00d3VIL (CELULAR) *\/\r\n  --movil-titulo-principal: 20px;\r\n  --movil-subtitulo: 16px;\r\n  --movil-header-diagrama: 14px;\r\n  --movil-parrafos-diagrama: 12px;\r\n  --movil-titulo-inferior: 18px;\r\n  --movil-texto-inferior: 16px;\r\n\r\n  \/* Ancho m\u00e1ximo de la tarjeta *\/\r\n  --ancho-maximo-tarjeta: 1100px;\r\n}\r\n\r\n\/* =========================================================\r\n   ESTILOS GENERALES Y ESCRITORIO\r\n   ========================================================= *\/\r\n.reto-diseno-container {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 10px 0;\r\n}\r\n\r\n.reto-diseno-card {\r\n  background-color: #174679;\r\n  color: #ffffff;\r\n  font-family: 'Montserrat', sans-serif;\r\n  padding: 50px 45px;\r\n  border-radius: 12px;\r\n  width: 100%;\r\n  max-width: var(--ancho-maximo-tarjeta);\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* SECCI\u00d3N 1: Superior *\/\r\n.reto-diseno-card .titulo-principal {\r\n  color: #F4D78F;\r\n  font-size: var(--pc-titulo-principal);\r\n  font-weight: 700;\r\n  text-align: center;\r\n  margin: 0;\r\n  margin-bottom: var(--pc-espacio-titulo-subtitulo); \/* Aplicando Variable *\/\r\n  line-height: 1.3;\r\n}\r\n\r\n.reto-diseno-card .subtitulo-principal {\r\n  font-size: var(--pc-subtitulo);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n  margin-bottom: var(--pc-espacio-subtitulo-diagrama); \/* Aplicando Variable *\/\r\n  color: #ffffff;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* SECCI\u00d3N 2: Cabecera del Diagrama *\/\r\n.reto-diseno-card .diagrama-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 15px;\r\n  gap: 15px;\r\n}\r\n\r\n.reto-diseno-card .header-titulo {\r\n  font-size: var(--pc-header-diagrama);\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* L\u00ednea Horizontal con C\u00edrculos Exactos *\/\r\n.reto-diseno-card .linea-horizontal-container {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.reto-diseno-card .circulo-extremo {\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: #379adb;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.reto-diseno-card .linea-centro {\r\n  flex: 1;\r\n  height: 3px;\r\n  background-color: #379adb;\r\n}\r\n\r\n\/* SECCI\u00d3N 2: Cuerpo del Diagrama *\/\r\n.reto-diseno-card .diagrama-body {\r\n  display: flex;\r\n  align-items: stretch;\r\n  position: relative;\r\n  margin: 0;\r\n  margin-bottom: var(--pc-espacio-diagrama-inferior); \/* Aplicando Variable *\/\r\n}\r\n\r\n.reto-diseno-card .columna-parrafo {\r\n  flex: 1;\r\n  font-size: var(--pc-parrafos-diagrama);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n  font-weight: 400;\r\n}\r\n\r\n.reto-diseno-card .columna-parrafo.izquierda {\r\n  padding-right: 20px;\r\n}\r\n\r\n.reto-diseno-card .columna-parrafo.derecha {\r\n  padding-left: 20px;\r\n}\r\n\r\n\/* Flecha y L\u00ednea Vertical Central *\/\r\n.reto-diseno-card .separador-central {\r\n  width: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.reto-diseno-card .linea-vertical {\r\n  width: 3px;\r\n  background-color: #379adb;\r\n  flex-grow: 1;\r\n}\r\n\r\n.reto-diseno-card .flecha-abajo {\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 9px solid transparent;\r\n  border-right: 9px solid transparent;\r\n  border-top: 14px solid #379adb;\r\n  margin-top: -2px;\r\n}\r\n\r\n.reto-diseno-card .resaltado {\r\n  color: #F4D78F;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* SECCI\u00d3N 3: Inferior *\/\r\n.reto-diseno-card .seccion-inferior {\r\n  text-align: center;\r\n}\r\n\r\n.reto-diseno-card .titulo-inferior {\r\n  font-size: var(--pc-titulo-inferior);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  margin-bottom: var(--pc-espacio-titulo-texto-inferior); \/* Aplicando Variable *\/\r\n  color: #ffffff;\r\n}\r\n\r\n.reto-diseno-card .texto-inferior {\r\n  font-size: var(--pc-texto-inferior);\r\n  line-height: 1.5;\r\n  text-align: left;\r\n  margin: 0;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* =========================================================\r\n   ESTILOS ADAPTATIVOS PARA CELULAR \/ M\u00d3VIL\r\n   ========================================================= *\/\r\n@media (max-width: 600px) {\r\n  .reto-diseno-card {\r\n    padding: 25px 15px;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  \/* Aplicaci\u00f3n de Variables de Espaciado para M\u00f3vil *\/\r\n  .reto-diseno-card .titulo-principal {\r\n    margin-bottom: var(--movil-espacio-titulo-subtitulo);\r\n  }\r\n  .reto-diseno-card .subtitulo-principal {\r\n    margin-bottom: var(--movil-espacio-subtitulo-diagrama);\r\n  }\r\n  .reto-diseno-card .diagrama-body {\r\n    margin-bottom: var(--movil-espacio-diagrama-inferior);\r\n  }\r\n  .reto-diseno-card .titulo-inferior {\r\n    margin-bottom: var(--movil-espacio-titulo-texto-inferior);\r\n  }\r\n\r\n  \/* Aplicaci\u00f3n de Variables de Texto para M\u00f3vil *\/\r\n  .reto-diseno-card .titulo-principal { font-size: var(--movil-titulo-principal); }\r\n  .reto-diseno-card .subtitulo-principal { font-size: var(--movil-subtitulo); line-height: 1.4; }\r\n  .reto-diseno-card .header-titulo { font-size: var(--movil-header-diagrama); }\r\n  .reto-diseno-card .columna-parrafo { font-size: var(--movil-parrafos-diagrama); line-height: 1.35; }\r\n  .reto-diseno-card .titulo-inferior { font-size: var(--movil-titulo-inferior); }\r\n  .reto-diseno-card .texto-inferior { font-size: var(--movil-texto-inferior); line-height: 1.4; }\r\n\r\n  \/* Ajustes estructurales m\u00f3vil *\/\r\n  .reto-diseno-card .diagrama-header { gap: 8px; margin-bottom: 10px; }\r\n  .reto-diseno-card .circulo-extremo { width: 7px; height: 7px; }\r\n  .reto-diseno-card .linea-centro { height: 2px; }\r\n  .reto-diseno-card .columna-parrafo.izquierda { padding-right: 6px; }\r\n  .reto-diseno-card .columna-parrafo.derecha { padding-left: 6px; }\r\n  .reto-diseno-card .separador-central { width: 14px; }\r\n  .reto-diseno-card .linea-vertical { width: 2px; }\r\n  .reto-diseno-card .flecha-abajo {\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-top: 9px solid #379adb;\r\n  }\r\n}\r\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"full\" data-bg-color=\"#174679\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_row-o-content-middle vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR Y VIDEO PARA CELULAR (Formato 4:3)    *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-video {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n  }\r\n\r\n  .contenedor-video video {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n    \/* M\u00d3VIL: Forzado a relaci\u00f3n de aspecto 4:3 *\/\r\n    aspect-ratio: 4 \/ 3;\r\n    \r\n    \/* Mantiene centrada la zona segura y recorta los sobrantes *\/\r\n    object-fit: cover;\r\n    object-position: center; \r\n\r\n    \/* BLOQUEO DE INTERACCI\u00d3N: Evita que el usuario haga clic, toque o intente pausarlo *\/\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. VERSI\u00d3N DE ESCRITORIO (Video Completo 16:9)       *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-video video {\r\n      \/* ESCRITORIO: Proporci\u00f3n panor\u00e1mica completa sin recortes *\/\r\n      aspect-ratio: 16 \/ 9;\r\n      object-fit: contain; \/* Garantiza que el video no se corte *\/\r\n      background-color: #000; \/* Fondo negro *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DEL VIDEO (Autom\u00e1tico e Ininterrumpido) -->\r\n<div class=\"contenedor-video\">\r\n  <video autoplay loop muted playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/videos.files.wordpress.com\/3c1vuOyx\/grupo-de-logo-cp.mp4\" type=\"video\/mp4\">\r\n    Tu navegador no soporta la reproducci\u00f3n de video.\r\n  <\/video>\r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element  wpb_animate_when_almost_visible wpb_bounceInUp bounceInUp\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 style=\"text-align: center;\"><span style=\"color: #f4d78f;\"><strong>\u00bfC\u00f3mo lo hicimos?<\/strong><\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR Y VIDEO PARA CELULAR (Formato 4:3)    *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-video {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n  }\r\n\r\n  .contenedor-video video {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n    \/* M\u00d3VIL: Forzado a relaci\u00f3n de aspecto 4:3 *\/\r\n    aspect-ratio: 4 \/ 3;\r\n    \r\n    \/* Mantiene centrada la zona segura y recorta los sobrantes *\/\r\n    object-fit: cover;\r\n    object-position: center; \r\n\r\n    \/* BLOQUEO DE INTERACCI\u00d3N: Evita que el usuario haga clic, toque o intente pausarlo *\/\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. VERSI\u00d3N DE ESCRITORIO (Video Completo 16:9)       *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-video video {\r\n      \/* ESCRITORIO: Proporci\u00f3n panor\u00e1mica completa sin recortes *\/\r\n      aspect-ratio: 16 \/ 9;\r\n      object-fit: contain; \/* Garantiza que el video no se corte *\/\r\n      background-color: #000; \/* Fondo negro *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DEL VIDEO (Autom\u00e1tico e Ininterrumpido) -->\r\n<div class=\"contenedor-video\">\r\n  <video autoplay loop muted playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/videos.files.wordpress.com\/SskWcx9I\/transformacion-corona-cp-3.mp4\">\r\n    Tu navegador no soporta la reproducci\u00f3n de video.\r\n  <\/video>\r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: right;\"><span style=\"color: #f4d78f;\">Nos enfocamos en una <strong class=\"rQesXe MPyX\" data-sfc-cp=\"\" data-sfc-root=\"ep\" data-complete=\"true\" data-copy-service-computed-style=\"font-family: &quot;Google Sans&quot;, Arial, sans-serif, &quot;Noto Color Emoji&quot;; font-size: 16px; font-weight: 700; margin: 0px; text-decoration: none; border-bottom: 0px rgb(230, 232, 240);\">s\u00edntesis<!--TgQPHd|||&#091;&#093;--><\/strong> formal\u00a0<\/span><\/h3>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff;\">Nuestra corona de Santa Mar\u00eda presenta diversos elementos curvos que, aunque ornamentales, dificultan su reproducci\u00f3n en distintos formatos y tama\u00f1os, especialmente en dimensiones reducidas. Por ello, se opt\u00f3 por simplificar el exceso de detalles curvos, conservando las formas esenciales que garantizan su identidad y reconocimiento.<\/span><\/p>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff;\">En cuanto al escudo, su forma sencilla lo convierte en un elemento que no requiere un proceso adicional de simplificaci\u00f3n, ya que su dise\u00f1o esencial se mantiene claro y reconocible en cualquier aplicaci\u00f3n.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR Y VIDEO PARA CELULAR (Formato 4:3)    *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-video {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n  }\r\n\r\n  .contenedor-video video {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n    \/* M\u00d3VIL: Forzado a relaci\u00f3n de aspecto 4:3 *\/\r\n    aspect-ratio: 4 \/ 3;\r\n    \r\n    \/* Mantiene centrada la zona segura y recorta los sobrantes *\/\r\n    object-fit: cover;\r\n    object-position: center; \r\n\r\n    \/* BLOQUEO DE INTERACCI\u00d3N: Evita que el usuario haga clic, toque o intente pausarlo *\/\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. VERSI\u00d3N DE ESCRITORIO (Video Completo 16:9)       *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-video video {\r\n      \/* ESCRITORIO: Proporci\u00f3n panor\u00e1mica completa sin recortes *\/\r\n      aspect-ratio: 16 \/ 9;\r\n      object-fit: contain; \/* Garantiza que el video no se corte *\/\r\n      background-color: #000; \/* Fondo negro *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DEL VIDEO (Autom\u00e1tico e Ininterrumpido) -->\r\n<div class=\"contenedor-video\">\r\n  <video autoplay loop muted playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/videos.files.wordpress.com\/uc8Q1EkA\/transformacion-paloma-y-escudo-cp-1.mp4\">\r\n    Tu navegador no soporta la reproducci\u00f3n de video.\r\n  <\/video>\r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: right;\" data-path-to-node=\"11,0\"><span style=\"color: #f4d78f;\">Evoluci\u00f3n, confianza, direcci\u00f3n<\/span><\/h3>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff;\">Tras afinar la geometr\u00eda de nuestra corona, continuamos con la paloma. Como s\u00edmbolo del Esp\u00edritu Santo y la Pax Benedictina, conservarla intacta en su esencia era una promesa con nuestra herencia espiritual.<\/span><\/p>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff;\">Pero la paloma ya no cae. Hoy se posiciona con templanza y la mirada al frente, capturando ese instante preciso previo al vuelo. Es una met\u00e1fora visual del despegue que hacen nuestros estudiantes en nuestras aulas para salir a transformar el mundo, uniendo la solemnidad de nuestra tradici\u00f3n con la fuerza y la confianza en el futuro.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR Y VIDEO PARA CELULAR (Formato 4:3)    *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-video {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n  }\r\n\r\n  .contenedor-video video {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n    \/* M\u00d3VIL: Forzado a relaci\u00f3n de aspecto 4:3 *\/\r\n    aspect-ratio: 4 \/ 3;\r\n    \r\n    \/* Mantiene centrada la zona segura y recorta los sobrantes *\/\r\n    object-fit: cover;\r\n    object-position: center; \r\n\r\n    \/* BLOQUEO DE INTERACCI\u00d3N: Evita que el usuario haga clic, toque o intente pausarlo *\/\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. VERSI\u00d3N DE ESCRITORIO (Video Completo 16:9)       *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-video video {\r\n      \/* ESCRITORIO: Proporci\u00f3n panor\u00e1mica completa sin recortes *\/\r\n      aspect-ratio: 16 \/ 9;\r\n      object-fit: contain; \/* Garantiza que el video no se corte *\/\r\n      background-color: #000; \/* Fondo negro *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DEL VIDEO (Autom\u00e1tico e Ininterrumpido) -->\r\n<div class=\"contenedor-video\">\r\n  <video autoplay loop muted playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/videos.files.wordpress.com\/AsmbogeW\/trasformacion-bsm-cp-1.mp4\">\r\n    Tu navegador no soporta la reproducci\u00f3n de video.\r\n  <\/video>\r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h3 style=\"text-align: right;\" data-path-to-node=\"8,1\"><span style=\"color: #f4d78f;\">Armon\u00eda visual para conectar a nuestra comunidad<\/span><\/h3>\n<p style=\"text-align: right;\" data-path-to-node=\"8,2\"><span style=\"color: #ffffff;\">As\u00ed como la paloma defini\u00f3 nuestra nueva direcci\u00f3n, la tipograf\u00eda le da voz a este cap\u00edtulo. La caligraf\u00eda tradicional cede el paso a trazos curvos, equilibrados y universales, pensados para leerse con perfecta claridad desde una pantalla m\u00f3vil hasta un gran letrero. Esta evoluci\u00f3n logra algo fundamental: integrar la tipograf\u00eda del colegio con la de sus distintas secciones. Ahora, desde los m\u00e1s peque\u00f1os hasta los m\u00e1s grandes, compartimos una identidad coherente, reconocible y unida bajo el mismo discurso visual institucional.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 60px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"full\" data-bg-color=\"#174679\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR Y VIDEO PARA CELULAR (Formato 4:3)    *\/\r\n  \/* =================================================== *\/\r\n  .contenedor-video {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n  }\r\n\r\n  .contenedor-video video {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n    \/* M\u00d3VIL: Forzado a relaci\u00f3n de aspecto 4:3 *\/\r\n    aspect-ratio: 4 \/ 3;\r\n    \r\n    \/* Mantiene centrada la zona segura y recorta los sobrantes *\/\r\n    object-fit: cover;\r\n    object-position: center; \r\n\r\n    \/* BLOQUEO DE INTERACCI\u00d3N: Evita que el usuario haga clic, toque o intente pausarlo *\/\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. VERSI\u00d3N DE ESCRITORIO (Video Completo 16:9)       *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .contenedor-video video {\r\n      \/* ESCRITORIO: Proporci\u00f3n panor\u00e1mica completa sin recortes *\/\r\n      aspect-ratio: 16 \/ 9;\r\n      object-fit: contain; \/* Garantiza que el video no se corte *\/\r\n      background-color: #000; \/* Fondo negro *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUCTURA DEL VIDEO (Autom\u00e1tico e Ininterrumpido) -->\r\n<div class=\"contenedor-video\">\r\n  <video autoplay loop muted playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/videos.files.wordpress.com\/hkCA4h2a\/logotipo-animado-cp.mp4\" type=\"video\/mp4\">\r\n    Tu navegador no soporta la reproducci\u00f3n de video.\r\n  <\/video>\r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* ESTILOS DE LA SECCI\u00d3N FLUIDA (ADAPTABLE)            *\/\r\n  \/* =================================================== *\/\r\n  \r\n  .seccion-mensaje {\r\n    \/* TRUCO PARA ROMPER EL MARCO DE WORDPRESS Y USAR TODO EL ANCHO *\/\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: calc(50% - 50vw) !important;\r\n    \r\n    box-sizing: border-box;\r\n    \r\n    \/* ESPACIO REAL CONTRA LOS BORDES DE LA PANTALLA EN M\u00d3VIL *\/\r\n    padding-left: 15px !important; \r\n    padding-right: 15px !important;\r\n    \r\n    margin-bottom: 80px; \r\n    text-align: justify; \r\n    color: #8c95a2; \r\n  }\r\n\r\n  \/* CONTROL DE SEPARACI\u00d3N ENTRE TEXTOS *\/\r\n  .seccion-mensaje p {\r\n    margin-bottom: 25px; \r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* RECUADRO CON ESQUINAS REDONDEADAS Y CURSIVA *\/\r\n  .caja-resaltada {\r\n    background-color: #f5f5f5; \r\n    border-radius: 15px; \r\n    padding: 25px; \r\n    font-style: italic; \r\n    margin-bottom: 40px !important; \r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* L\u00cdNEAS, FIRMA Y CARGO ALINEADOS A LA DERECHA        *\/\r\n  \/* =================================================== *\/\r\n  .bloque-firma {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  \/* L\u00cdNEA SUPERIOR (DORADA) *\/\r\n  .linea-azul {\r\n    border: none;\r\n    border-top: 3px solid #F4D78F; \r\n    width: 210px; \r\n    margin-left: auto; \r\n    margin-right: 0; \r\n    margin-bottom: 10px; \r\n  }\r\n\r\n  \/* NOMBRE DE LA AUTORA *\/\r\n  .nombre-autora {\r\n    color: #174679; \r\n    font-weight: bold;\r\n    font-size: 18px;\r\n    text-align: right; \r\n    margin-bottom: 5px !important; \/* Reducido para que la l\u00ednea gris quede cerquita *\/\r\n  }\r\n\r\n  \/* NUEVA L\u00cdNEA GRIS (CERCANA AL BLANCO) *\/\r\n  .linea-gris {\r\n    border: none;\r\n    border-top: 1px solid #e6e6e6; \/* Color gris muy claro (1px de grosor para que sea delgada) *\/\r\n    width: 210px; \/* Mismo ancho que la l\u00ednea de arriba *\/\r\n    margin-left: auto; \/* Empuja a la derecha *\/\r\n    margin-right: 0; \r\n    margin-top: 0;\r\n    margin-bottom: 5px; \/* Espacio entre la l\u00ednea gris y el cargo *\/\r\n  }\r\n\r\n  \/* NUEVO CARGO (RECTORA) *\/\r\n  .cargo-autora {\r\n    color: #8c95a2; \r\n    font-size: 15px; \/* Un poco m\u00e1s peque\u00f1o que el nombre *\/\r\n    text-align: right; \r\n    margin-bottom: 25px !important; \/* Este da el espacio con el p\u00e1rrafo final *\/\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* AJUSTES PARA COMPUTADOR (PC)                        *\/\r\n  \/* =================================================== *\/\r\n  @media (min-width: 768px) {\r\n    .seccion-mensaje {\r\n      width: 100% !important;\r\n      max-width: 1200px !important; \r\n      margin-left: auto !important;\r\n      margin-right: auto !important;\r\n      padding-left: 40px !important;\r\n      padding-right: 40px !important;\r\n    }\r\n    \r\n    .seccion-mensaje p {\r\n      font-size: 18px; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- =================================================== -->\r\n<!-- CONTENIDO HTML                                      -->\r\n<!-- =================================================== -->\r\n\r\n<div class=\"seccion-mensaje\">\r\n  \r\n  <p>Nuestro nuevo imagotipo es el reflejo de lo que somos y de hacia d\u00f3nde caminamos. Su evoluci\u00f3n visual es vital para proyectarnos al mundo con claridad y ser identificados f\u00e1cilmente en cualquier medio o formato.<\/p>\r\n\r\n  <p class=\"caja-resaltada\">\r\n    La corona nos recuerda que caminamos siempre bajo la protecci\u00f3n de nuestra patrona Santa Mar\u00eda. La paloma nos conecta con la espiritualidad como Benedictinos, su posici\u00f3n nos ancla a un presente que no es est\u00e1tico y que nos reta. Adem\u00e1s, eleva su mirada hacia un futuro transformador, guiado por la confianza, la esperanza y la convicci\u00f3n. Sus alas se abren para acoger al otro, para que, juntos construyamos desde la diferencia una vida en comunidad.\r\n  <\/p>\r\n\r\n  <div class=\"bloque-firma\">\r\n    <!-- L\u00ednea superior (Color #F4D78F) -->\r\n    <hr class=\"linea-azul\">\r\n    \r\n    <!-- Nombre -->\r\n    <p class=\"nombre-autora\">Liliana Chica Hincapi\u00e9<\/p>\r\n    \r\n    <!-- NUEVA: L\u00ednea delgada gris claro -->\r\n    <hr class=\"linea-gris\">\r\n    \r\n    <!-- NUEVO: Cargo (Rectora) -->\r\n    <p class=\"cargo-autora\">Rectora<\/p>\r\n    \r\n    <!-- P\u00e1rrafo final -->\r\n    <p>Con este s\u00edmbolo, buscamos un equilibrio perfecto entre la solemnidad espiritual y el impulso formativo que ofrece nuestro proyecto de innovaci\u00f3n.<\/p>\r\n  <\/div>\r\n  \r\n<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 style=\"text-align: center;\"><strong><span style=\"color: #174679;\">Nuestros colores tambi\u00e9n cambian<\/span><\/strong><\/h1>\n<p>&nbsp;<\/p>\n<p>La paleta de color del Colegio Benedictino encuentra su equilibrio en la uni\u00f3n del azul oscuro y el beige. Es una elecci\u00f3n pensada para trascender en el tiempo, proyectando un estilo sobrio y sereno<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"full\" data-bg-color=\"#FFFFFF\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_animate_when_almost_visible wpb_left-to-right left-to-right wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1791471829438\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"isselectedend\" style=\"text-align: center;\"><span style=\"color: #f4d78f;\"><strong><span style=\"font-family: 'Arial',sans-serif;\">El azul oscuro,<\/span><\/strong><\/span><span style=\"font-family: Arial, sans-serif; color: #f4d78f;\"> representa la profundidad de nuestra esencia y los valores que han acompa\u00f1ado nuestra historia.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInDown fadeInDown\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/imagotipo-beige.png?resize=200%2C300&#038;ssl=1\" width=\"200\" height=\"300\" alt=\"imagotipo en beige usado para la p\u00e1gina de lanzamiento\" title=\"imagotipo beige\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/imagotipo-beige\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_animate_when_almost_visible wpb_right-to-left right-to-left wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1791471843065\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 55px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p class=\"isselectedend\" style=\"text-align: center;\"><span style=\"color: #174679;\"><strong><span style=\"font-family: 'Arial',sans-serif;\">El beige representa<\/span><\/strong><span style=\"font-family: 'Arial',sans-serif;\"> nuestra cercan\u00eda, sobriedad y serenidad.<\/span><\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 15px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_empty_space\"   style=\"height: 66px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInDown fadeInDown\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/imagotipo-azul_1.png?resize=200%2C300&#038;ssl=1\" width=\"200\" height=\"300\" alt=\"Imagotipo en azul usado para la p\u00e1gina de lanzamiento\" title=\"imagotipo azul_1\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/imagotipo-azul_1\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 51px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_bounce bounce vc_custom_1792021753879\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/bsm.edu.co\/videojuego\/\" target=\"_blank\"  class=\"vc_single_image-wrapper   vc_box_border_grey rollover\"   ><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/banner-videojuego-vb4.webp?resize=1200%2C554&#038;ssl=1\" width=\"1200\" height=\"554\" alt=\"banner videojuego vb4\" title=\"banner videojuego vb4\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/banner-videojuego-vb4\/\" \/><\/a>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h1 data-path-to-node=\"2,1\"><\/h1>\n<h1 style=\"text-align: center;\" data-path-to-node=\"2,1\"><span style=\"color: #174679;\">Un universo de color que acompa\u00f1a cada etapa<\/span><\/h1>\n<p>&nbsp;<\/p>\n<p data-path-to-node=\"2,1\">Cada nivel acad\u00e9mico abraza una tonalidad de azul propia, simbolizando el paso del tiempo, el crecimiento y los nuevos retos que nuestros estudiantes asumen a\u00f1o tras a\u00f1o en sus aulas.<\/p>\n<p data-path-to-node=\"2,2\">A esta armon\u00eda de azules se suman acentos en tonos c\u00e1lidos que aportan luz, cercan\u00eda y energ\u00eda humana. Esta riqueza crom\u00e1tica nos permite enriquecer todo nuestro universo gr\u00e1fico, creando una experiencia visual arm\u00f3nica, acogedora y llena de vida en cada rinc\u00f3n de la instituci\u00f3n.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/imagen-estudiante-saltando-uniforme-nuevo.webp?resize=800%2C800&#038;ssl=1\" width=\"800\" height=\"800\" alt=\"imagen estudiante saltando uniforme nuevo\" title=\"imagen estudiante saltando uniforme nuevo\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/imagen-estudiante-saltando-uniforme-nuevo\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 70px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Importar la tipograf\u00eda Montserrat desde Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR PRINCIPAL DEL SLIDER (ANCHO TOTAL)    *\/\r\n  \/* =================================================== *\/\r\n  .slider-colores-wrapper {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: calc(50% - 50vw) !important;\r\n    height: 600px; \r\n    position: relative;\r\n    overflow: hidden; \r\n    background-color: transparent;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. ESTILOS DE TRANSICI\u00d3N (DE IZQUIERDA A DERECHA)   *\/\r\n  \/* =================================================== *\/\r\n  .slide-animado {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    transform: translateX(-100%); \r\n    transition: transform 1s ease-in-out; \r\n    z-index: 2; \r\n  }\r\n\r\n  .slide-animado.activo {\r\n    transform: translateX(0);\r\n    z-index: 3; \r\n  }\r\n\r\n  .slide-animado.visto {\r\n    transform: translateX(0); \r\n    z-index: 1; \r\n  }\r\n\r\n  .sin-transicion {\r\n    transition: none !important;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 3. ALINEACI\u00d3N Y OCULTAMIENTO DEL TEXTO              *\/\r\n  \/* =================================================== *\/\r\n  .contenido-centrado {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    \r\n    \/* Permite que el texto se desvanezca *\/\r\n    opacity: 1;\r\n    transition: opacity 0.4s ease-in-out;\r\n  }\r\n\r\n  \/* Oculta el texto cuando el slide queda de fondo (evita que se asome) *\/\r\n  .slide-animado.visto .contenido-centrado {\r\n    opacity: 0;\r\n  }\r\n\r\n  \/* Evita que el desvanecimiento se vea cuando el slider se reinicia *\/\r\n  .sin-transicion .contenido-centrado {\r\n    transition: none !important;\r\n  }\r\n\r\n  .texto-slide {\r\n    font-family: 'Montserrat', sans-serif; \r\n    max-width: 900px; \r\n    width: 90%; \r\n    text-align: center;\r\n    color: #ffffff;\r\n    font-size: 40px; \r\n    font-weight: 700; \r\n    line-height: 1.4;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .texto-slide {\r\n      font-size: 24px; \r\n    }\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 4. COLORES DE LOS 8 SLIDES                          *\/\r\n  \/* =================================================== *\/\r\n  .bg-color-1 { background-color: #F4D78F; } \r\n  .bg-color-2 { background-color: #174679; } \r\n  .bg-color-3 { background-color: #FFDA0B; } \r\n  .bg-color-4 { background-color: #80BEE9; } \r\n  .bg-color-5 { background-color: #3496D2; } \r\n  .bg-color-6 { background-color: #256CAB; } \r\n  .bg-color-7 { background-color: #1C5289; } \r\n  .bg-color-8 { background-color: #163050; } \r\n\r\n  \/* =================================================== *\/\r\n  \/* 5. SLIDE FINAL (TODOS LOS COLORES JUNTOS)           *\/\r\n  \/* =================================================== *\/\r\n  .slide-final-contenedor {\r\n    display: flex; \r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .franja {\r\n    flex: 1; \r\n    height: 100%;\r\n  }\r\n<\/style>\r\n\r\n<!-- =================================================== -->\r\n<!-- ESTRUCTURA HTML                                     -->\r\n<!-- =================================================== -->\r\n<div class=\"slider-colores-wrapper\" id=\"miSliderAnimado\">\r\n  \r\n  <div class=\"slide-animado bg-color-1\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Beige institucional<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-2\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul institucional<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-3\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Amarillo de acento<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-4\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul EBK<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-5\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul EBI<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-6\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul EBE<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-7\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul EBC<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"slide-animado bg-color-8\">\r\n    <div class=\"contenido-centrado\"><div class=\"texto-slide\">Azul EBP<\/div><\/div>\r\n  <\/div>\r\n\r\n  <!-- Slide 9 (Final: Los 8 colores divididos) -->\r\n  <div class=\"slide-animado slide-final-contenedor\">\r\n    <div class=\"franja bg-color-1\"><\/div>\r\n    <div class=\"franja bg-color-2\"><\/div>\r\n    <div class=\"franja bg-color-3\"><\/div>\r\n    <div class=\"franja bg-color-4\"><\/div>\r\n    <div class=\"franja bg-color-5\"><\/div>\r\n    <div class=\"franja bg-color-6\"><\/div>\r\n    <div class=\"franja bg-color-7\"><\/div>\r\n    <div class=\"franja bg-color-8\"><\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =================================================== -->\r\n<!-- SCRIPT DE ANIMACI\u00d3N CON REINICIO SUAVE              -->\r\n<!-- =================================================== -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const sliderWrapper = document.getElementById(\"miSliderAnimado\");\r\n    const todosLosSlides = Array.from(sliderWrapper.querySelectorAll(\".slide-animado\"));\r\n    \r\n    let currentIndex = 0;\r\n    let animacionIniciada = false;\r\n    let esCicloRepetido = false; \/\/ Nos dir\u00e1 si estamos en el segundo loop\r\n\r\n    function mostrarSlideActual() {\r\n      \/\/ Si estamos en un slide normal (del 2 al 9), pasamos el anterior a \"visto\"\r\n      if (currentIndex > 0) {\r\n        todosLosSlides[currentIndex - 1].classList.remove(\"activo\");\r\n        todosLosSlides[currentIndex - 1].classList.add(\"visto\");\r\n      }\r\n\r\n      \/\/ Si volvemos al Slide 1 y es un nuevo ciclo (despu\u00e9s del slide 9)\r\n      if (currentIndex === 0 && esCicloRepetido) {\r\n        \r\n        let slideFinal = todosLosSlides[todosLosSlides.length - 1];\r\n        slideFinal.classList.remove(\"activo\");\r\n        slideFinal.classList.add(\"visto\"); \/\/ Dejamos el slide de las franjas al fondo\r\n\r\n        let slide1 = todosLosSlides[0];\r\n        \r\n        \/\/ Mandamos el Slide 1 de vuelta a la izquierda (-100%) sin que el usuario lo vea\r\n        slide1.classList.add(\"sin-transicion\");\r\n        slide1.classList.remove(\"visto\", \"activo\");\r\n        slide1.style.zIndex = \"4\"; \/\/ Le damos m\u00e1xima prioridad para que tape todo\r\n        \r\n        void slide1.offsetWidth; \/\/ Forzamos el reflow del navegador\r\n\r\n        \/\/ Ahora lo animamos para que entre de izquierda a derecha tapando las franjas\r\n        slide1.classList.remove(\"sin-transicion\");\r\n        slide1.classList.add(\"activo\");\r\n\r\n        \/\/ Despu\u00e9s de 1 segundo (cuando termine de entrar el color 1), reseteamos los dem\u00e1s silenciosamente\r\n        setTimeout(() => {\r\n          for (let i = 1; i < todosLosSlides.length; i++) {\r\n            todosLosSlides[i].classList.add(\"sin-transicion\");\r\n            todosLosSlides[i].classList.remove(\"activo\", \"visto\");\r\n          }\r\n          void sliderWrapper.offsetWidth; \/\/ Reflow\r\n          for (let i = 1; i < todosLosSlides.length; i++) {\r\n            todosLosSlides[i].classList.remove(\"sin-transicion\");\r\n          }\r\n          slide1.style.zIndex = \"\"; \/\/ Quitamos la prioridad forzada\r\n        }, 1000); \r\n\r\n      } else {\r\n        \/\/ Comportamiento normal: el slide entra\r\n        todosLosSlides[currentIndex].classList.add(\"activo\");\r\n      }\r\n\r\n      \/\/ Calculamos cu\u00e1nto tiempo esperar (10 segundos si es el \u00faltimo, 5 si son los normales)\r\n      let esUltimoSlide = (currentIndex === todosLosSlides.length - 1);\r\n      let tiempoEspera = esUltimoSlide ? 10000 : 2000;\r\n\r\n      setTimeout(() => {\r\n        if (esUltimoSlide) {\r\n          esCicloRepetido = true;\r\n          currentIndex = 0; \/\/ Volvemos al slide 1\r\n        } else {\r\n          currentIndex++;\r\n        }\r\n        mostrarSlideActual(); \/\/ Llamada recursiva para el siguiente movimiento\r\n      }, tiempoEspera);\r\n    }\r\n\r\n    const opcionesScroll = {\r\n      root: null,\r\n      threshold: 0.4 \r\n    };\r\n\r\n    const observador = new IntersectionObserver((entradas) => {\r\n      entradas.forEach(entrada => {\r\n        if (entrada.isIntersecting && !animacionIniciada) {\r\n          animacionIniciada = true; \r\n          mostrarSlideActual(); \r\n        }\r\n      });\r\n    }, opcionesScroll);\r\n\r\n    observador.observe(sliderWrapper);\r\n  });\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 style=\"text-align: center;\"><span style=\"color: #174679;\"><strong>Cada color est\u00e1 hecho para moverse<\/strong><\/span><\/h2>\n<p style=\"text-align: center;\">M\u00e1s que vestir nuestras piezas, el color cobra vida en cada recurso visual para transmitir el dinamismo, la flexibilidad y el movimiento de una instituci\u00f3n en constante evoluci\u00f3n.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 40px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1792105837729\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* =================================================== *\/\r\n  \/* 1. CONTENEDOR FONDO (100% ANCHO DE PANTALLA)        *\/\r\n  \/* =================================================== *\/\r\n  .hero-fondo-degradado {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin-left: calc(50% - 50vw) !important;\r\n    margin-right: calc(50% - 50vw) !important;\r\n    \r\n    background: linear-gradient(to right, #60AFFF, #174679);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 2. CAJA CENTRAL (ESCRITORIO 1920x600)               *\/\r\n  \/* =================================================== *\/\r\n  .contenido-central {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1920px;\r\n    aspect-ratio: 1920 \/ 600;\r\n  }\r\n\r\n  \/* Proporci\u00f3n exacta para el centro en CELULARES *\/\r\n  @media (max-width: 768px) {\r\n    .contenido-central {\r\n      aspect-ratio: 1080 \/ 600; \r\n    }\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 3. CAPAS INTERNAS (ORDEN TIPO SANDWICH)             *\/\r\n  \/* =================================================== *\/\r\n  .capa-imagen-png,\r\n  .capa-svg-1,\r\n  .capa-svg-2 {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Orden de profundidad *\/\r\n  .capa-svg-2 { z-index: 1; }      \/* SVG 2 va al FONDO *\/\r\n  .capa-imagen-png { z-index: 2; } \/* Imagen WebP en el MEDIO *\/\r\n  .capa-svg-1 { z-index: 3; }      \/* SVG 1 AL FRENTE *\/\r\n\r\n  \/* =================================================== *\/\r\n  \/* REFUERZO DE NITIDEZ (ANULA CSS GLOBAL DE WORDPRESS) *\/\r\n  \/* =================================================== *\/\r\n  .capa-imagen-png img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n    min-width: 100% !important;\r\n    min-height: 100% !important;\r\n    object-fit: cover !important; \r\n    object-position: center !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .capa-svg-1 svg,\r\n  .capa-svg-2 svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \r\n    object-position: center;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* 4. ANIMACIONES TIPO CORTE (ENTRADA Y SALIDA)        *\/\r\n  \/* =================================================== *\/\r\n  .capa-svg-1 { clip-path: inset(0 0 0 100%); }\r\n  .capa-svg-2 { clip-path: inset(0 100% 0 0); }\r\n\r\n  .contenido-central.iniciar-animacion .capa-svg-1 {\r\n    animation: animacionSVG1 14s cubic-bezier(0.65, 0, 0.35, 1) forwards;\r\n  }\r\n\r\n  .contenido-central.iniciar-animacion .capa-svg-2 {\r\n    animation: animacionSVG2 14s cubic-bezier(0.65, 0, 0.35, 1) forwards;\r\n  }\r\n\r\n  .contenido-central.sin-transicion .capa-svg-1,\r\n  .contenido-central.sin-transicion .capa-svg-2 {\r\n    animation: none !important;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* CRONOGRAMA DE ANIMACI\u00d3N (14 SEGUNDOS TOTALES)       *\/\r\n  \/* =================================================== *\/\r\n\r\n  \/* SVG 1 (FRENTE): \r\n     - 0s a 2s (0% -> 14.3%): Entra de derecha a izquierda.\r\n     - 2s a 10s (14.3% -> 71.4%): Permanece completamente visible.\r\n     - 10s a 12s (71.4% -> 85.7%): Desaparece PRIMERO de derecha a izquierda.\r\n     - 12s a 14s (85.7% -> 100%): Permanece oculto mientras sale el SVG 2.\r\n  *\/\r\n  @keyframes animacionSVG1 {\r\n    0%       { clip-path: inset(0 0 0 100%); }\r\n    14.28%   { clip-path: inset(0 0 0 0); }\r\n    71.43%   { clip-path: inset(0 0 0 0); }\r\n    85.71%, \r\n    100%     { clip-path: inset(0 100% 0 0); }\r\n  }\r\n\r\n  \/* SVG 2 (FONDO): \r\n     - 0s a 2s (0% -> 14.3%): Espera oculto.\r\n     - 2s a 4s (14.3% -> 28.6%): Entra de izquierda a derecha.\r\n     - 4s a 12s (28.6% -> 85.7%): Permanece visible (esperando la salida del SVG 1).\r\n     - 12s a 14s (85.7% -> 100%): Desaparece SEGUNDO de izquierda a derecha.\r\n  *\/\r\n  @keyframes animacionSVG2 {\r\n    0%, \r\n    14.28%   { clip-path: inset(0 100% 0 0); }\r\n    28.57%   { clip-path: inset(0 0 0 0); }\r\n    85.71%   { clip-path: inset(0 0 0 0); }\r\n    100%     { clip-path: inset(0 0 0 100%); }\r\n  }\r\n<\/style>\r\n\r\n<!-- =================================================== -->\r\n<!-- ESTRUCTURA HTML                                     -->\r\n<!-- =================================================== -->\r\n<div class=\"hero-fondo-degradado\">\r\n\r\n  <div class=\"contenido-central\" id=\"miCorteAnimado\">\r\n\r\n    <!-- CAPA 1: Imagen Base (Medio) -->\r\n    <div class=\"capa-imagen-png\">\r\n      <img data-recalc-dims=\"1\" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/imagen-estudiante-en-mejor-calidad-nuevo-uniforme.webp?w=1200&#038;ssl=1\" \r\n           srcset=\"https:\/\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/imagen-estudiante-en-mejor-calidad-nuevo-uniforme.webp 1x\"\r\n           sizes=\"100vw\"\r\n           decoding=\"async\" \r\n           loading=\"eager\" \r\n           alt=\"Estudiante Benedictino\">\r\n    <\/div>\r\n\r\n    <!-- CAPA 2: SVG 1 (Derecha a Izquierda - Frente) -->\r\n    <div class=\"capa-svg-1\">\r\n      <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 1920 600\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xml:space=\"preserve\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\r\n        <g transform=\"matrix(1,0,0,1,0,-100)\">\r\n          <clipPath id=\"_clip1_svg1\"><rect x=\"0\" y=\"424.778\" width=\"1546.458\" height=\"375.222\"\/><\/clipPath>\r\n          <g clip-path=\"url(#_clip1_svg1)\">\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4205.140253,390.340419)\"><path d=\"M3030.102,1950.171C3029.087,1944.335 3026.7,1933.884 3021.682,1925.48C2956.741,1816.731 2608.866,1567.079 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2650.103,1542.219 2997.777,1791.517 3062.653,1900.158C3070.42,1913.164 3074.243,1924.555 3074.086,1933.738C3073.879,1945.832 3066.856,1956.325 3057.606,1964.245C3048.65,1971.914 3035.077,1979.336 3016.356,1982.633C3000.286,1985.463 2977.368,1985.704 2947.102,1982.375C2881.972,1975.212 2778.689,1951.857 2625.973,1908.437C2594.864,1899.598 2562.497,1890.016 2528.771,1879.664C2512.154,1874.563 2495.211,1869.276 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2527.434,1837.54 2544.311,1842.807 2560.865,1847.888C2594.435,1858.192 2626.67,1867.731 2657.616,1876.529C2836.432,1927.368 2946.03,1950.572 3005.787,1951.864C3014.176,1952.045 3023.787,1951.017 3030.102,1950.171Z\" style=\"fill:rgb(65,167,255);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4162.434654,400.589031)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(47,150,210);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4119.729056,410.837643)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(32,114,174);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4077.023458,421.086254)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(22,91,145);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4034.317859,431.334866)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(10,70,117);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,3991.612261,441.583478)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(9,50,82);\"\/><\/g>\r\n          <\/g>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- CAPA 3: SVG 2 (Izquierda a Derecha - Fondo) -->\r\n    <div class=\"capa-svg-2\">\r\n      <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 1920 600\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xml:space=\"preserve\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;\">\r\n        <g transform=\"matrix(1,0,0,1,0,-100)\">\r\n          <clipPath id=\"_clip1_svg2\"><rect x=\"-99.542\" y=\"-51.222\" width=\"1232\" height=\"451.222\"\/><\/clipPath>\r\n          <g clip-path=\"url(#_clip1_svg2)\">\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4205.140253,390.340419)\"><path d=\"M3030.102,1950.171C3029.087,1944.335 3026.7,1933.884 3021.682,1925.48C2956.741,1816.731 2608.866,1567.079 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2650.103,1542.219 2997.777,1791.517 3062.653,1900.158C3070.42,1913.164 3074.243,1924.555 3074.086,1933.738C3073.879,1945.832 3066.856,1956.325 3057.606,1964.245C3048.65,1971.914 3035.077,1979.336 3016.356,1982.633C3000.286,1985.463 2977.368,1985.704 2947.102,1982.375C2881.972,1975.212 2778.689,1951.857 2625.973,1908.437C2594.864,1899.598 2562.497,1890.016 2528.771,1879.664C2512.154,1874.563 2495.211,1869.276 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2527.434,1837.54 2544.311,1842.807 2560.865,1847.888C2594.435,1858.192 2626.67,1867.731 2657.616,1876.529C2836.432,1927.368 2946.03,1950.572 3005.787,1951.864C3014.176,1952.045 3023.787,1951.017 3030.102,1950.171Z\" style=\"fill:rgb(65,167,255);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4162.434654,400.589031)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(47,150,210);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4119.729056,410.837643)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(32,114,174);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4077.023458,421.086254)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(22,91,145);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,4034.317859,431.334866)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(10,70,117);\"\/><\/g>\r\n            <g transform=\"matrix(-0.812744,0.405452,-1.019584,-0.596947,3991.612261,441.583478)\"><path d=\"M3002.032,1947.283C3001.97,1944.171 3001.654,1939.888 3000.537,1936.521C2995.289,1920.689 2981.266,1900.575 2961.241,1876.851C2857.539,1753.992 2594.864,1539.915 2494.662,1345.523C2393.984,1150.208 2289.836,943.22 2300.382,799.474C2305.108,735.057 2334.569,681.45 2389.178,644.917C2422.123,622.878 2465.786,605.848 2521.743,596.986C2597.219,585.033 2698.103,587.251 2829.537,607.811C2838.346,609.189 2839.091,617.605 2831.199,626.593C2823.307,635.58 2809.746,641.758 2800.937,640.38C2654.257,617.436 2548.205,617.216 2473.158,635.841C2431.559,646.165 2401.272,662.087 2380.868,684.489C2356.607,711.124 2346.021,744.271 2343.193,782.826C2332.789,924.635 2436.692,1128.201 2536.014,1320.886C2656.167,1553.982 3010.074,1815.425 3042.667,1913.737C3045.579,1922.522 3046.077,1930.417 3044.594,1937.017C3042.959,1944.293 3038.933,1950.821 3033.752,1956.383C3024.965,1965.817 3011.421,1974.601 2991.658,1978.86C2973.587,1982.754 2945.821,1982.943 2907.573,1977.657C2825.524,1966.317 2688.743,1930.642 2477.938,1863.799C2147.148,1758.911 1836.187,1799.928 1581.511,1887.804C1203.427,2018.261 951.67,2251.098 951.67,2251.098C942.373,2259.712 928.888,2264.342 921.576,2261.431C914.263,2258.519 915.874,2249.162 925.171,2240.548C925.171,2240.548 1189.338,1995.344 1586.485,1858.309C1848.629,1767.856 2169.736,1724.121 2510.226,1832.084C2775.316,1916.139 2921.082,1950.819 2988.238,1948.805C2992.72,1948.67 2998.038,1947.938 3002.032,1947.283Z\" style=\"fill:rgb(9,50,82);\"\/><\/g>\r\n          <\/g>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =================================================== -->\r\n<!-- SCRIPT DE CONTROL                                   -->\r\n<!-- =================================================== -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const contenedorCentral = document.getElementById(\"miCorteAnimado\");\r\n\r\n    const svgs = contenedorCentral.querySelectorAll(\"svg\");\r\n    svgs.forEach(svg => {\r\n      svg.setAttribute(\"preserveAspectRatio\", \"xMidYMid slice\");\r\n    });\r\n\r\n    let animacionIniciada = false;\r\n    const TIEMPO_TOTAL_CICLO = 14000;\r\n\r\n    function ejecutarBucleAnimacion() {\r\n      contenedorCentral.classList.add(\"iniciar-animacion\");\r\n\r\n      setTimeout(() => {\r\n        contenedorCentral.classList.add(\"sin-transicion\");\r\n        contenedorCentral.classList.remove(\"iniciar-animacion\");\r\n\r\n        void contenedorCentral.offsetWidth; \r\n\r\n        contenedorCentral.classList.remove(\"sin-transicion\");\r\n        ejecutarBucleAnimacion();\r\n      }, TIEMPO_TOTAL_CICLO);\r\n    }\r\n\r\n    const opcionesScroll = {\r\n      root: null,\r\n      threshold: 0.5 \r\n    };\r\n\r\n    const observador = new IntersectionObserver((entradas) => {\r\n      entradas.forEach(entrada => {\r\n        if (entrada.isIntersecting && !animacionIniciada) {\r\n          animacionIniciada = true;\r\n          ejecutarBucleAnimacion();\r\n        }\r\n      });\r\n    }, opcionesScroll);\r\n\r\n    observador.observe(contenedorCentral);\r\n  });\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"dt-fancy-separator h1-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #174679;\"><span class=\"separator-holder separator-left\"><\/span>Uniformes<span class=\"separator-holder separator-right\"><\/span><\/div><\/div><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_text_column wpb_content_element  wpb_animate_when_almost_visible wpb_left-to-right left-to-right\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p data-path-to-node=\"8,1\">Una nueva etapa institucional trae consigo una imagen renovada para nuestra comunidad. Los nuevos uniformes traducen la frescura y la fuerza de nuestro universo gr\u00e1fico en prendas modernas, c\u00f3modas y funcionales para la vida acad\u00e9mica.<\/p>\n<p data-path-to-node=\"8,2\">A continuaci\u00f3n, podr\u00e1s explorar cada uno de los dise\u00f1os y sus variantes, creados para acompa\u00f1ar con estilo y libertad el dinamismo de nuestras familias benedictinas.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Camiseta polo<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Con cuello y mangas azules dividas por dos franjas color beige y con la nueva insignia.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/Chaqueta-deportiva-azul-marino-con-emblema-crestado.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"Chaqueta deportiva azul marino con emblema crestado\" title=\"Chaqueta deportiva azul marino con emblema crestado\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/chaqueta-deportiva-azul-marino-con-emblema-crestado\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Sudadera<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Azul con una l\u00ednea beige a los laterales y el nuevo logotipo BSM.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_2.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_2\" title=\"dise\u00f1o uniformes_2\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_2\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Tenis<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Este uniforme se podr\u00e1 usar con dos tipos de zapatos:<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">\u2022 Blanco completamente<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">\u2022 Tenis azules oscuros con entresuela blanca<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">(Ambos tenis tambi\u00e9n se pueden usar con el uniforme deportivo)<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_3-e1792016344135.png?resize=720%2C425&#038;ssl=1\" width=\"720\" height=\"425\" alt=\"dise\u00f1o uniformes_3\" title=\"dise\u00f1o uniformes_3\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_3\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Chaqueta<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Con l\u00edneas beige en las mangas y en la cintura, con sistema de cierre en el centro e isotipo en el lado izquierdo.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_4.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_4\" title=\"dise\u00f1o uniformes_4\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_4\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Gorra<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Deportiva con insignia y l\u00ednea beige de remate en la visera.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_5.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_5\" title=\"dise\u00f1o uniformes_5\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_5\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Camiseta deportiva<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Deportiva azul oscura con insignia y l\u00edneas beige en los hombros.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_6.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_6\" title=\"dise\u00f1o uniformes_6\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_6\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Pantaloneta femenina<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Azul oscura con licra interna protectora, logotipo BSM y l\u00ednea beige en los laterales.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/pnataloneta-deportiva-femenina.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"pnataloneta deportiva femenina\" title=\"pnataloneta deportiva femenina\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/pnataloneta-deportiva-femenina\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Pantaloneta masculina<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Azul oscura con logotipo BSM y l\u00ednea beige en los laterales.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_7.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_7\" title=\"dise\u00f1o uniformes_7\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_7\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"dt-fancy-separator h3-size\" style=\"width: 100%;\"><div class=\"dt-fancy-title\" style=\"color: #F4D78F;\"><span class=\"separator-holder separator-left\"><\/span>Delantal EBK<span class=\"separator-holder separator-right\"><\/span><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Azul oscuro con l\u00edneas beige en las mangas, y bolsillos decorativos.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center  wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"vc_single_image-img \" src=\"https:\/\/i0.wp.com\/bsm.edu.co\/wp-content\/uploads\/2026\/10\/diseno-uniformes_8.png?resize=720%2C720&#038;ssl=1\" width=\"720\" height=\"720\" alt=\"dise\u00f1o uniformes_8\" title=\"dise\u00f1o uniformes_8\" loading=\"lazy\"  data-dt-location=\"https:\/\/bsm.edu.co\/en\/secret\/diseno-uniformes_8\/\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><!-- Row Backgrounds --><div class=\"upb_color\" data-bg-override=\"full\" data-bg-color=\"#174679\" data-fadeout=\"\" data-fadeout-percentage=\"30\" data-parallax-content=\"\" data-parallax-content-sense=\"30\" data-row-effect-mobile-disable=\"true\" data-img-parallax-mobile-disable=\"true\" data-rtl=\"false\"  data-custom-vc-row=\"\"  data-vc=\"8.7.2\"  data-is_old_vc=\"\"  data-theme-support=\"\"   data-overlay=\"false\" data-overlay-color=\"\" data-overlay-pattern=\"\" data-overlay-pattern-opacity=\"\" data-overlay-pattern-size=\"\"    ><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Nuestro legado gr\u00e1fico Durante casi siete d\u00e9cadas, el escudo her\u00e1ldico fue el s\u00edmbolo de nuestra historia y tradici\u00f3n. As\u00ed como t\u00fa, nosotros tambi\u00e9n crecemos y evolucionamos. As\u00ed como nuestros estudiantes descubren nuevas capacidades, maduran y avanzan sin perder su alma, nuestra identidad institucional tambi\u00e9n da un paso adelante. Adaptamos nuestros s\u00edmbolos para comunicarnos con la&hellip;<\/p>","protected":false},"author":272175875,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":"","big_sky_generated":false},"class_list":["post-8775","page","type-page","status-publish","hentry","description-off"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nueva imagen - Colegio Benedictino<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsm.edu.co\/en\/secret\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nueva imagen - Colegio Benedictino\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsm.edu.co\/en\/secret\/\" \/>\n<meta property=\"og:site_name\" content=\"Colegio Benedictino\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colegiobenedictino?tsid=0.28463760125801607&amp;source=result\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-16T15:17:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/secret\\\/\",\"url\":\"https:\\\/\\\/bsm.edu.co\\\/secret\\\/\",\"name\":\"Nueva imagen - Colegio Benedictino\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#website\"},\"datePublished\":\"2026-10-07T13:13:45+00:00\",\"dateModified\":\"2026-10-16T15:17:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/secret\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsm.edu.co\\\/secret\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/secret\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/bsm.edu.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nueva imagen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#website\",\"url\":\"https:\\\/\\\/bsm.edu.co\\\/\",\"name\":\"Colegio Benedictino\",\"description\":\"Colegio Benedictino de Santa Mar\u00eda\",\"publisher\":{\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsm.edu.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#organization\",\"name\":\"Colegio Benedictino de Santa Mar\u00eda\",\"alternateName\":\"Colegio Biling\u00fce Benedictino en Envigado\",\"url\":\"https:\\\/\\\/bsm.edu.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bsm.edu.co\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Mesa-de-trabajo-1.png\",\"contentUrl\":\"https:\\\/\\\/bsm.edu.co\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Mesa-de-trabajo-1.png\",\"width\":851,\"height\":851,\"caption\":\"Colegio Benedictino de Santa Mar\u00eda\"},\"image\":{\"@id\":\"https:\\\/\\\/bsm.edu.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colegiobenedictino?tsid=0.28463760125801607&source=result\",\"https:\\\/\\\/www.instagram.com\\\/benedictinos\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nueva imagen - Colegio Benedictino","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsm.edu.co\/en\/secret\/","og_locale":"en_US","og_type":"article","og_title":"Nueva imagen - Colegio Benedictino","og_url":"https:\/\/bsm.edu.co\/en\/secret\/","og_site_name":"Colegio Benedictino","article_publisher":"https:\/\/www.facebook.com\/colegiobenedictino?tsid=0.28463760125801607&source=result","article_modified_time":"2026-10-16T15:17:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsm.edu.co\/secret\/","url":"https:\/\/bsm.edu.co\/secret\/","name":"Nueva imagen - Colegio Benedictino","isPartOf":{"@id":"https:\/\/bsm.edu.co\/#website"},"datePublished":"2026-10-07T13:13:45+00:00","dateModified":"2026-10-16T15:17:27+00:00","breadcrumb":{"@id":"https:\/\/bsm.edu.co\/secret\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsm.edu.co\/secret\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsm.edu.co\/secret\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bsm.edu.co\/"},{"@type":"ListItem","position":2,"name":"Nueva imagen"}]},{"@type":"WebSite","@id":"https:\/\/bsm.edu.co\/#website","url":"https:\/\/bsm.edu.co\/","name":"Benedictine School","description":"St Mary Benedictine School","publisher":{"@id":"https:\/\/bsm.edu.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsm.edu.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bsm.edu.co\/#organization","name":"St Mary Benedictine School","alternateName":"Colegio Biling\u00fce Benedictino en Envigado","url":"https:\/\/bsm.edu.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bsm.edu.co\/#\/schema\/logo\/image\/","url":"https:\/\/bsm.edu.co\/wp-content\/uploads\/2026\/03\/Mesa-de-trabajo-1.png","contentUrl":"https:\/\/bsm.edu.co\/wp-content\/uploads\/2026\/03\/Mesa-de-trabajo-1.png","width":851,"height":851,"caption":"Colegio Benedictino de Santa Mar\u00eda"},"image":{"@id":"https:\/\/bsm.edu.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colegiobenedictino?tsid=0.28463760125801607&source=result","https:\/\/www.instagram.com\/benedictinos\/"]}]}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PgQAXK-2hx","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/pages\/8775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/users\/272175875"}],"replies":[{"embeddable":true,"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/comments?post=8775"}],"version-history":[{"count":100,"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/pages\/8775\/revisions"}],"predecessor-version":[{"id":9339,"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/pages\/8775\/revisions\/9339"}],"wp:attachment":[{"href":"https:\/\/bsm.edu.co\/en\/wp-json\/wp\/v2\/media?parent=8775"}],"curies":[{"name":"well played","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}