↩️ index

<div
  style="box-sizing: border-box; font-family: 'Plus Jakarta Sans','Segoe UI',sans-serif; color: #1a1e35; line-height: 1.7; font-size: 15px; background: #eef1f9; padding: 8px;">
  <div
    style="position: relative; background: #091d5a; min-height: 35vh; display: flex; align-items: center; justify-content: flex-start; padding: 50px 10% 50px 12%; overflow: hidden; border-radius: 6px; margin-bottom: 24px;">
    <svg style="position: absolute; top: 0; right: 0; pointer-events: none;"
      aria-hidden="true">
      <circle cx="300" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
      <circle cx="282" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
      <circle cx="264" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
      <circle cx="246" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
      <circle cx="228" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
      <circle cx="210" cy="0" r="1.5" fill="rgba(100,140,220,0.55)"></circle>
    </svg>
    <div style="position: relative; z-index: 2; max-width: 520px;"><span
        style="font-size: 0.85rem; font-weight: 600; color: #2d5fc7; letter-spacing: 0.06em; text-transform: uppercase;">Conozca
        a su equipo</span>
      <h2
        style="font-family: 'Segoe UI',sans-serif; font-size: 2.5rem; font-weight: 800; color: #ffffff; line-height: 1.15; letter-spacing: -0.5px; margin: 10px 0 20px; border: none;">
        Presentación de<br>Profesores</h2>
      <div
        style="width: 260px; max-width: 100%; height: 1.5px; background: linear-gradient(90deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.08) 100%); border: none; margin: 0;">
         </div>
    </div>
  </div>
  <div
    style="background: #ffffff; border-radius: 4px; box-shadow: 0 2px 18px rgba(9,29,90,0.10); margin-bottom: 24px; overflow: hidden;">
    <div
      style="background: #091d5a; padding: 12px 32px; display: flex; align-items: center; gap: 14px;">
      <span
        style="font-family: 'Segoe UI',sans-serif; font-size: 0.75rem; font-weight: 600; color: #ffffff; letter-spacing: 0.06em; text-transform: uppercase; margin: 0;">Cuerpo
        Docente</span>
      <div
        style="flex: 1; height: 2px; background: #2d5fc7; border-radius: 2px;"> 
      </div>
    </div>
    <div
      style="padding: 40px 48px; display: flex; flex-wrap: wrap; gap: 32px; align-items: top;">
      <div
        style="flex: 1; min-width: 220px; max-width: 260px; text-align: center; margin: 0 auto;">
        <div
          style="width: 220px; height: 220px; border-radius: 50%; border: 4px solid #2d5fc7; overflow: hidden; box-shadow: 0 4px 12px rgba(9,29,90,0.15); margin: 0 auto 16px; background: #f6f8fc;">
          <img class="img-fluid"
            style="width: 100%; height: 100%; object-fit: cover;"
            src="https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/333018190/Santiago-Monsalve-Silva.jpg"
            alt="Santiago Monsalve Silva" width="212" height="212"></div>
        <span
          style="background: #eef1f9; border-radius: 20px; padding: 4px 14px; font-size: 0.8rem; color: #091d5a; font-weight: bold; display: inline-block;">Profesor </span>
      </div>
      <div style="flex: 2; min-width: 300px;">
        <h3
          style="font-family: 'Segoe UI',sans-serif; font-size: 1.6rem; font-weight: 800; color: #091d5a; margin: 0 0 4px; border: none;">
          Santiago Monsalve Silva</h3>
        <p
          style="font-size: 0.9rem; color: #2d5fc7; font-weight: 600; margin: 0 0 20px; font-family: 'Segoe UI',sans-serif;">
          Ingeniero Químico y Licenciado en Ciencias Naturales</p>
        <p
          style="font-size: 0.94rem; color: #1a1e35; text-align: justify; margin-bottom: 16px; line-height: 1.75;">
          Soy Ingeniero Químico y Licenciado en Ciencias Naturales con énfasis
          en Química de la Universidad de La Sabana, ambos títulos obtenidos con
          honores. Actualmente curso la Maestría en Dirección y Gestión de
          Instituciones Educativas, que fortalece mi mirada sobre el liderazgo
          pedagógico. He complementado mi formación con diplomados y cursos en
          educación STEM, gestión de instituciones educativas, cambio climático
          e inteligencia artificial aplicada a la educación.</p>
        <p
          style="font-size: 0.94rem; color: #1a1e35; text-align: justify; margin-bottom: 16px; line-height: 1.75;">
          Cuento con experiencia en dirección y gestión de laboratorios STEM y
          en docencia de Biología y Ciencias de la Salud en el Gimnasio los
          Andes, así como en asesoría curricular en la Facultad de Educación de
          la Universidad de La Sabana. He sido investigador en los grupos CAPSAB
          y GEMA, y he participado en proyectos de innovación educativa,
          <em>assessment</em> y aprendizaje basado en retos en diferentes
          contextos. Esta trayectoria me permite articular la gestión educativa
          con prácticas pedagógicas y decisiones basadas en evidencia.</p>
        <h4
          style="font-family: 'Segoe UI',sans-serif; font-size: 0.95rem; font-weight: bold; color: #2655b8; margin: 24px 0 10px; padding-left: 10px; border-left: 3px solid #2d5fc7;">
          Intereses y Motivaciones</h4>
        <p
          style="font-size: 0.94rem; color: #3d4468; text-align: justify; margin: 0; line-height: 1.75; font-style: italic;">
          "Me apasiona crear experiencias de aprendizaje significativas que
          conecten la ciencia con la vida cotidiana y los desafíos globales.
          Disfruto el teatro y me encanta leer, también me motiva explorar
          nuevas herramientas tecnológicas y metodologías activas que potencien
          la curiosidad, el pensamiento crítico y el compromiso de quienes
          aprenden."</p>
      </div>
    </div>
  </div>
  <div
    style="background: #ffffff; border-radius: 4px; box-shadow: 0 2px 18px rgba(9,29,90,0.10); margin-bottom: 24px; overflow: hidden;">
    <div
      style="background: #091d5a; padding: 12px 32px; display: flex; align-items: center; gap: 14px;">
      <span
        style="font-family: 'Segoe UI',sans-serif; font-size: 0.75rem; font-weight: 600; color: #ffffff; letter-spacing: 0.06em; text-transform: uppercase; margin: 0;">Cuerpo
        Docente</span>
      <div
        style="flex: 1; height: 2px; background: #2d5fc7; border-radius: 2px;"> 
      </div>
    </div>
    <div
      style="padding: 40px 48px; display: flex; flex-wrap: wrap; gap: 32px; align-items: top;">
      <div
        style="flex: 1; min-width: 220px; max-width: 260px; text-align: center; margin: 0 auto;">
        <div
          style="width: 220px; height: 220px; border-radius: 50%; border: 4px solid #2d5fc7; overflow: hidden; box-shadow: 0 4px 12px rgba(9,29,90,0.15); margin: 0 auto 16px; background: #f6f8fc;">
          <img class="img-fluid"
            style="width: 100%; height: 100%; object-fit: cover;"
            src="https://unisabanae-learning.unisabana.edu.co/draftfile.php/911504/user/draft/333018190/Ingrid-Anzeli%CC%81n.png"
            alt="Ingrid Carolina Anzelín Zuluaga"></div>
        <span
          style="background: #eef1f9; border-radius: 20px; padding: 4px 14px; font-size: 0.8rem; color: #091d5a; font-weight: bold; display: inline-block;">Profesora </span>
      </div>
      <div style="flex: 2; min-width: 300px;">
        <h3
          style="font-family: 'Segoe UI',sans-serif; font-size: 1.6rem; font-weight: 800; color: #091d5a; margin: 0 0 4px; border: none;">
          Ingrid Carolina Anzelín Zuluaga</h3>
        <p
          style="font-size: 0.9rem; color: #2d5fc7; font-weight: 600; margin: 0 0 20px; font-family: 'Segoe UI',sans-serif;">
          Psicóloga y Candidata a Doctora en Estudios Políticos</p>
        <p
          style="font-size: 0.94rem; color: #1a1e35; text-align: justify; margin-bottom: 16px; line-height: 1.75;">
          Soy candidata al Doctorado en Estudios Políticos y Relaciones
          Internacionales de la Universidad Nacional de Colombia, formación que
          he orientado al estudio en política educativa e inclusión. A esta
          trayectoria se suma una Maestría en Problemáticas Sociales Infanto
          Juveniles de la Universidad de Buenos Aires, una Especialización en
          Política Pública y mi formación como psicóloga de la Universidad
          Nacional de Colombia.</p>
        <p
          style="font-size: 0.94rem; color: #1a1e35; text-align: justify; margin-bottom: 16px; line-height: 1.75;">
          A lo largo de mi experiencia profesional he investigado sobre
          problemáticas socioeducativas, política educativa y políticas
          dirigidas a la infancia y la adolescencia. Mis intereses han girado en
          torno a comprender cómo se organizan las problemáticas
          socioeducativas, cómo operan los marcos normativos y qué posibilidades
          se abren para transformar prácticas institucionales desde la evidencia
          y el análisis cualitativo. En este camino, la investigación se ha
          convertido en una herramienta para iluminar tensiones, comprender
          dinámicas y proponer rutas posibles de acción.</p>
        <h4
          style="font-family: 'Segoe UI',sans-serif; font-size: 0.95rem; font-weight: bold; color: #2655b8; margin: 24px 0 10px; padding-left: 10px; border-left: 3px solid #2d5fc7;">
          Intereses y Motivaciones</h4>
        <p
          style="font-size: 0.94rem; color: #3d4468; text-align: justify; margin: 0; line-height: 1.75; font-style: italic;">
          "Me apasionan el arte, la biología y los tejidos, sobre todo cuando
          iluminan las formas de ser y estar en un territorio."</p>
      </div>
    </div>
  </div>
</div>
<div style="display: flex; justify-content: center; margin: 20px 0;"><button
    class="btn-regresar"
    style="cursor: pointer; padding: 10px 20px; border-radius: 4px; border: 1px solid #cdd5e8; background: #ffffff; font-family: sans-serif; font-weight: 600; color: #1a1e35;">
    <span style="font-size: 18px;">↩️</span> Regresar</button></div>
<div style="display: flex; justify-content: center; margin: 20px 0;"> </div>

↩️ index