{"id":31,"date":"2025-09-16T11:23:20","date_gmt":"2025-09-16T16:23:20","guid":{"rendered":"https:\/\/imct.gov.co\/talentohumano\/?page_id=31"},"modified":"2026-07-07T10:03:54","modified_gmt":"2026-07-07T15:03:54","slug":"codigo-de-integridad","status":"publish","type":"page","link":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/codigo-de-integridad\/","title":{"rendered":"C\u00f3digo de integridad"},"content":{"rendered":"\n<div class=\"imct-boton-integridad-wrap\">\n  <a href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/socializacion-codigo-de-integridad\/\" class=\"imct-boton-integridad\">\n    Socializaci\u00f3n c\u00f3digo de integridad\n  <\/a>\n<\/div>\n\n<style>\n  .imct-boton-integridad-wrap {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    padding: 28px 0;\n    box-sizing: border-box;\n  }\n\n  .imct-boton-integridad {\n    width: min(680px, calc(100% - 32px));\n    min-height: 64px;\n    padding: 16px 34px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #004225 0%, #087a43 62%, #0a9350 100%);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    font-family: 'Nunito', 'Arial Rounded MT Bold', 'Trebuchet MS', Arial, sans-serif;\n    font-size: clamp(18px, 1.4vw, 24px);\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.2px;\n    text-align: center;\n    box-shadow: 0 14px 32px rgba(0, 66, 37, 0.24);\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      background 0.25s ease;\n  }\n\n  .imct-boton-integridad:hover {\n    background: linear-gradient(135deg, #00351e 0%, #006638 58%, #087a43 100%);\n    color: #ffffff !important;\n    transform: translateY(-4px);\n    box-shadow: 0 20px 44px rgba(0, 66, 37, 0.32);\n  }\n\n  .imct-boton-integridad:focus {\n    outline: none;\n  }\n\n  .imct-boton-integridad:focus-visible {\n    outline: 4px solid rgba(8, 122, 67, 0.28);\n    outline-offset: 5px;\n  }\n\n  @media (max-width: 560px) {\n    .imct-boton-integridad-wrap {\n      padding: 22px 0;\n    }\n\n    .imct-boton-integridad {\n      width: calc(100% - 28px);\n      min-height: 58px;\n      padding: 14px 22px;\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"lumi5-full\">\n  <div class=\"lumi5-shell\">\n\n    <!-- HONESTIDAD -->\n    <article\n      class=\"lumi5-card\"\n      role=\"button\"\n      tabindex=\"0\"\n      data-title=\"Honestidad\"\n      data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-de-la-Honestidad_page-0001.jpg\"\n      data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Video-La-Honestidad.mp4\"\n    >\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Pots-portada-46.png\" alt=\"Honestidad\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Honestidad<\/h2>\n      <\/div>\n    <\/article>\n\n    <!-- RESPETO -->\n    <article\n      class=\"lumi5-card\"\n      role=\"button\"\n      tabindex=\"0\"\n      data-title=\"Respeto\"\n      data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-el-valor-del-Respeto.jpeg\"\n      data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VIDEO-EL-RESPETO_.mp4\"\n    >\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Pots-portada-47.png\" alt=\"Respeto\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Respeto<\/h2>\n      <\/div>\n    <\/article>\n\n    <!-- COMPROMISO -->\n    <article\n      class=\"lumi5-card\"\n      role=\"button\"\n      tabindex=\"0\"\n      data-title=\"Compromiso\"\n      data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-del-Compromiso_page-0001.jpg\"\n      data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VALOR-DEL-COMPROMISO.mp4\"\n    >\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Pots-portada-48.png\" alt=\"Compromiso\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Compromiso<\/h2>\n      <\/div>\n    <\/article>\n\n    <!-- DILIGENCIA -->\n    <article\n      class=\"lumi5-card\"\n      role=\"button\"\n      tabindex=\"0\"\n      data-title=\"Diligencia\"\n      data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-La-Diligencia.jpeg\"\n      data-video=\"\"\n    >\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Pots-portada-49.png\" alt=\"Diligencia\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Diligencia<\/h2>\n      <\/div>\n    <\/article>\n\n    <!-- JUSTICIA -->\n    <article\n      class=\"lumi5-card\"\n      role=\"button\"\n      tabindex=\"0\"\n      data-title=\"Justicia\"\n      data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-el-Valor-de-La-Justicia.jpeg\"\n      data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VIDEO-VALOR-DE-LA-JUSTICIA.mp4\"\n    >\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Copia-de-Pots-portada-50.png\" alt=\"Justicia\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Justicia<\/h2>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- MODAL FLOTANTE -->\n<div class=\"lumi5-modal\" aria-hidden=\"true\">\n  <div class=\"lumi5-modal-backdrop\"><\/div>\n\n  <div class=\"lumi5-modal-box\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Contenido del valor institucional\">\n    <button class=\"lumi5-modal-close\" type=\"button\" aria-label=\"Cerrar ventana\">\u00d7<\/button>\n\n    <div class=\"lumi5-modal-head\">\n      <h2 class=\"lumi5-modal-title\"><\/h2>\n    <\/div>\n\n    <div class=\"lumi5-modal-content\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&display=swap');\n\n  html,\n  body {\n    overflow-x: hidden !important;\n  }\n\n  .lumi5-full,\n  .lumi5-full *,\n  .lumi5-modal,\n  .lumi5-modal * {\n    box-sizing: border-box;\n  }\n\n  .lumi5-full {\n    width: 100%;\n    max-width: none !important;\n    padding: 42px 0;\n    background: linear-gradient(180deg, #f4f6f5 0%, #ffffff 100%);\n    overflow: visible;\n  }\n\n  .lumi5-shell {\n    width: min(1660px, calc(100vw - 70px));\n    max-width: 1660px;\n    margin: 0 auto !important;\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .lumi5-card {\n    width: 100%;\n    min-height: 292px;\n    background: #ffffff;\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.11);\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .lumi5-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.16);\n    border-color: rgba(0, 66, 37, 0.22);\n  }\n\n  .lumi5-card:focus-visible {\n    outline: 4px solid rgba(0, 66, 37, 0.22);\n    outline-offset: 5px;\n  }\n\n  .lumi5-img {\n    width: 100%;\n    height: 178px;\n    overflow: hidden;\n    background: #e8eeeb;\n    flex-shrink: 0;\n  }\n\n  .lumi5-img img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.35s ease;\n  }\n\n  .lumi5-card:hover .lumi5-img img {\n    transform: scale(1.04);\n  }\n\n  .lumi5-body {\n    flex: 1;\n    padding: 18px 16px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .lumi5-body h2 {\n    width: 100%;\n    margin: 0 auto;\n    color: #004225;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: clamp(17px, 1vw, 21px);\n    font-weight: 900;\n    line-height: 1.16;\n    letter-spacing: -0.15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-wrap: balance;\n    overflow-wrap: normal;\n    word-break: normal;\n  }\n\n  \/* MODAL *\/\n  .lumi5-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 28px;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition:\n      opacity 0.22s ease,\n      visibility 0.22s ease;\n  }\n\n  .lumi5-modal.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .lumi5-modal-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.72);\n    backdrop-filter: blur(5px);\n  }\n\n  .lumi5-modal-box {\n    position: relative;\n    width: min(1280px, calc(100vw - 48px));\n    max-height: calc(100vh - 52px);\n    background: #ffffff;\n    border-radius: 24px;\n    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);\n    padding: 26px;\n    overflow: auto;\n    transform: scale(0.96) translateY(10px);\n    transition: transform 0.22s ease;\n  }\n\n  .lumi5-modal.is-open .lumi5-modal-box {\n    transform: scale(1) translateY(0);\n  }\n\n  .lumi5-modal-close {\n    position: absolute;\n    top: 14px;\n    right: 16px;\n    width: 44px;\n    height: 44px;\n    border: 0;\n    border-radius: 999px;\n    background: #004225;\n    color: #ffffff;\n    font-family: Arial, sans-serif;\n    font-size: 34px;\n    line-height: 40px;\n    font-weight: 400;\n    cursor: pointer;\n    z-index: 3;\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\n    transition:\n      background 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .lumi5-modal-close:hover {\n    background: #006b3c;\n    transform: scale(1.05);\n  }\n\n  .lumi5-modal-head {\n    padding: 0 58px 18px 0;\n    margin-bottom: 18px;\n    border-bottom: 1px solid rgba(0, 66, 37, 0.12);\n  }\n\n  .lumi5-modal-title {\n    margin: 0;\n    color: #004225;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: clamp(28px, 3vw, 42px);\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -0.7px;\n  }\n\n  .lumi5-modal-content {\n    width: 100%;\n  }\n\n  .lumi5-media-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    gap: 22px;\n    align-items: stretch;\n  }\n\n  .lumi5-media-grid.lumi5-only-image {\n    grid-template-columns: minmax(0, 760px);\n    justify-content: center;\n  }\n\n  .lumi5-media-panel {\n    width: 100%;\n    min-height: 560px;\n    background: #f4f6f5;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    border-radius: 20px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .lumi5-media-panel img,\n  .lumi5-media-panel video {\n    width: 100%;\n    height: 100%;\n    max-height: 72vh;\n    display: block;\n    object-fit: contain;\n    background: #f4f6f5;\n  }\n\n  .lumi5-media-panel video {\n    background: #000000;\n  }\n\n  .lumi5-only-image .lumi5-media-panel {\n    min-height: 640px;\n  }\n\n  .lumi5-only-image .lumi5-media-panel img {\n    max-height: 74vh;\n  }\n\n  @media (max-width: 1250px) {\n    .lumi5-shell {\n      width: min(1080px, calc(100vw - 60px));\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 24px;\n    }\n\n    .lumi5-card {\n      min-height: 320px;\n    }\n\n    .lumi5-img {\n      height: 210px;\n    }\n\n    .lumi5-body h2 {\n      font-size: 22px;\n    }\n\n    .lumi5-media-panel {\n      min-height: 500px;\n    }\n\n    .lumi5-only-image .lumi5-media-panel {\n      min-height: 560px;\n    }\n  }\n\n  @media (max-width: 920px) {\n    .lumi5-modal {\n      padding: 18px;\n      align-items: flex-start;\n    }\n\n    .lumi5-modal-box {\n      width: calc(100vw - 28px);\n      max-height: calc(100vh - 36px);\n      padding: 22px;\n      border-radius: 20px;\n    }\n\n    .lumi5-media-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .lumi5-media-grid.lumi5-only-image {\n      grid-template-columns: 1fr;\n    }\n\n    .lumi5-media-panel,\n    .lumi5-only-image .lumi5-media-panel {\n      min-height: auto;\n      height: auto;\n    }\n\n    .lumi5-media-panel img,\n    .lumi5-media-panel video {\n      height: auto;\n      max-height: none;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .lumi5-shell {\n      width: min(680px, calc(100vw - 40px));\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    .lumi5-img {\n      height: 205px;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .lumi5-full {\n      padding: 30px 0;\n    }\n\n    .lumi5-shell {\n      width: calc(100vw - 28px);\n      grid-template-columns: 1fr;\n      gap: 22px;\n    }\n\n    .lumi5-card {\n      min-height: 310px;\n    }\n\n    .lumi5-img {\n      height: 220px;\n    }\n\n    .lumi5-body {\n      padding: 20px 22px 22px;\n    }\n\n    .lumi5-body h2 {\n      font-size: 23px;\n      line-height: 1.18;\n    }\n\n    .lumi5-modal {\n      padding: 12px;\n    }\n\n    .lumi5-modal-box {\n      width: calc(100vw - 18px);\n      max-height: calc(100vh - 24px);\n      padding: 18px;\n      border-radius: 18px;\n    }\n\n    .lumi5-modal-head {\n      padding-right: 52px;\n      margin-bottom: 14px;\n      padding-bottom: 14px;\n    }\n\n    .lumi5-modal-title {\n      font-size: 28px;\n    }\n\n    .lumi5-modal-close {\n      top: 10px;\n      right: 10px;\n      width: 40px;\n      height: 40px;\n      font-size: 31px;\n      line-height: 36px;\n    }\n\n    .lumi5-media-panel {\n      border-radius: 16px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .lumi5-card,\n    .lumi5-img img,\n    .lumi5-modal,\n    .lumi5-modal-box,\n    .lumi5-modal-close {\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n\n    function ajustarLumi5() {\n      document.querySelectorAll('.lumi5-full').forEach(function (modulo) {\n        var anchoVentana = document.documentElement.clientWidth;\n\n        modulo.style.position = 'relative';\n        modulo.style.width = anchoVentana + 'px';\n        modulo.style.maxWidth = 'none';\n        modulo.style.marginLeft = '0px';\n        modulo.style.marginRight = '0px';\n        modulo.style.left = '0px';\n        modulo.style.right = 'auto';\n        modulo.style.transform = 'none';\n\n        var distanciaIzquierda = modulo.getBoundingClientRect().left;\n        modulo.style.left = (-distanciaIzquierda) + 'px';\n      });\n    }\n\n    function iniciarLumi5() {\n      ajustarLumi5();\n      iniciarModalLumi5();\n    }\n\n    function iniciarModalLumi5() {\n      var modal = document.querySelector('.lumi5-modal');\n      var modalTitle = document.querySelector('.lumi5-modal-title');\n      var modalContent = document.querySelector('.lumi5-modal-content');\n      var closeBtn = document.querySelector('.lumi5-modal-close');\n      var backdrop = document.querySelector('.lumi5-modal-backdrop');\n\n      if (!modal || !modalTitle || !modalContent || modal.dataset.ready === 'true') {\n        return;\n      }\n\n      modal.dataset.ready = 'true';\n\n      function abrirModal(card) {\n        var title = card.getAttribute('data-title') || '';\n        var image = card.getAttribute('data-image') || '';\n        var video = card.getAttribute('data-video') || '';\n\n        modalTitle.textContent = title;\n\n        if (video.trim() !== '') {\n          modalContent.innerHTML =\n            '<div class=\"lumi5-media-grid\">' +\n              '<div class=\"lumi5-media-panel\">' +\n                '<img decoding=\"async\" src=\"' + image + '\" alt=\"' + title + '\">' +\n              '<\/div>' +\n              '<div class=\"lumi5-media-panel\">' +\n                '<video src=\"' + video + '\" controls playsinline preload=\"metadata\"><\/video>' +\n              '<\/div>' +\n            '<\/div>';\n        } else {\n          modalContent.innerHTML =\n            '<div class=\"lumi5-media-grid lumi5-only-image\">' +\n              '<div class=\"lumi5-media-panel\">' +\n                '<img decoding=\"async\" src=\"' + image + '\" alt=\"' + title + '\">' +\n              '<\/div>' +\n            '<\/div>';\n        }\n\n        modal.classList.add('is-open');\n        modal.setAttribute('aria-hidden', 'false');\n        document.documentElement.style.overflow = 'hidden';\n        document.body.style.overflow = 'hidden';\n\n        setTimeout(function () {\n          closeBtn.focus();\n        }, 80);\n      }\n\n      function cerrarModal() {\n        var videos = modal.querySelectorAll('video');\n\n        videos.forEach(function (video) {\n          video.pause();\n          video.currentTime = 0;\n        });\n\n        modal.classList.remove('is-open');\n        modal.setAttribute('aria-hidden', 'true');\n        modalContent.innerHTML = '';\n        document.documentElement.style.overflow = '';\n        document.body.style.overflow = '';\n      }\n\n      document.querySelectorAll('.lumi5-card').forEach(function (card) {\n        card.addEventListener('click', function () {\n          abrirModal(card);\n        });\n\n        card.addEventListener('keydown', function (event) {\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            abrirModal(card);\n          }\n        });\n      });\n\n      closeBtn.addEventListener('click', cerrarModal);\n      backdrop.addEventListener('click', cerrarModal);\n\n      document.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape' && modal.classList.contains('is-open')) {\n          cerrarModal();\n        }\n      });\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', iniciarLumi5);\n    } else {\n      iniciarLumi5();\n    }\n\n    window.addEventListener('load', iniciarLumi5);\n    window.addEventListener('resize', ajustarLumi5);\n\n    setTimeout(iniciarLumi5, 300);\n    setTimeout(iniciarLumi5, 1000);\n    setTimeout(iniciarLumi5, 2000);\n\n  })();\n<\/script>\n\n\n\n<section class=\"liolea-full\">\n  <div class=\"liolea-shell\">\n\n    <div class=\"liolea-grid\">\n\n      <!-- IMAGEN -->\n      <div class=\"liolea-media liolea-image-box\">\n        <img decoding=\"async\" \n          src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VISITA-LIO-Y-LEA.jpeg\" \n          alt=\"Visita Lio y Lea\"\n        >\n      <\/div>\n\n      <!-- VIDEO -->\n      <div class=\"liolea-media liolea-video-box\">\n        <video \n          src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VISITA-LIO-Y-LEA-MAYO-2026.mp4\" \n          controls \n          playsinline \n          preload=\"metadata\">\n        <\/video>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  html,\n  body {\n    overflow-x: hidden !important;\n  }\n\n  .liolea-full,\n  .liolea-full * {\n    box-sizing: border-box;\n  }\n\n  .liolea-full {\n    width: 100%;\n    max-width: none !important;\n    padding: 46px 0;\n    background: linear-gradient(180deg, #f4f6f5 0%, #ffffff 100%);\n    overflow: visible;\n  }\n\n  .liolea-shell {\n    width: min(1380px, calc(100vw - 70px));\n    max-width: 1380px;\n    margin: 0 auto !important;\n  }\n\n  .liolea-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 26px;\n    align-items: stretch;\n  }\n\n  .liolea-media {\n    width: 100%;\n    height: 560px;\n    background: #ffffff;\n    border-radius: 24px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.13);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .liolea-media img,\n  .liolea-media video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n    background: #f4f6f5;\n  }\n\n  .liolea-media video {\n    background: #000000;\n  }\n\n  @media (max-width: 1100px) {\n    .liolea-shell {\n      width: min(960px, calc(100vw - 46px));\n    }\n\n    .liolea-media {\n      height: 480px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .liolea-full {\n      padding: 34px 0;\n    }\n\n    .liolea-shell {\n      width: calc(100vw - 30px);\n    }\n\n    .liolea-grid {\n      grid-template-columns: 1fr;\n      gap: 22px;\n    }\n\n    .liolea-media {\n      height: auto;\n      min-height: auto;\n      border-radius: 20px;\n    }\n\n    .liolea-media img,\n    .liolea-media video {\n      height: auto;\n      max-height: none;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n\n    function ajustarLioLea() {\n      document.querySelectorAll('.liolea-full').forEach(function (modulo) {\n        var anchoVentana = document.documentElement.clientWidth;\n\n        modulo.style.position = 'relative';\n        modulo.style.width = anchoVentana + 'px';\n        modulo.style.maxWidth = 'none';\n        modulo.style.marginLeft = '0px';\n        modulo.style.marginRight = '0px';\n        modulo.style.left = '0px';\n        modulo.style.right = 'auto';\n        modulo.style.transform = 'none';\n\n        var distanciaIzquierda = modulo.getBoundingClientRect().left;\n        modulo.style.left = (-distanciaIzquierda) + 'px';\n      });\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', ajustarLioLea);\n    } else {\n      ajustarLioLea();\n    }\n\n    window.addEventListener('load', ajustarLioLea);\n    window.addEventListener('resize', ajustarLioLea);\n\n    setTimeout(ajustarLioLea, 300);\n    setTimeout(ajustarLioLea, 1000);\n    setTimeout(ajustarLioLea, 2000);\n\n  })();\n<\/script>\n\n\n\n<section class=\"imct-galeria-vertical\">\n  <div class=\"imct-galeria-vertical-wrap\">\n\n    <div class=\"imct-galeria-item\">\n      <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.19.08-PM.jpeg\" alt=\"Imagen institucional 1\">\n    <\/div>\n\n    <div class=\"imct-galeria-item\">\n      <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.19.08-PM-1.jpeg\" alt=\"Imagen institucional 2\">\n    <\/div>\n\n    <div class=\"imct-galeria-item\">\n      <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.19.08-PM-2.jpeg\" alt=\"Imagen institucional 3\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .imct-galeria-vertical {\n    width: 100%;\n    padding: 30px 0;\n    box-sizing: border-box;\n  }\n\n  .imct-galeria-vertical-wrap {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 18px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    box-sizing: border-box;\n  }\n\n  .imct-galeria-item {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 18px;\n    overflow: hidden;\n    background: #f2f2f2;\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);\n  }\n\n  .imct-galeria-item img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n  }\n\n  @media (max-width: 900px) {\n    .imct-galeria-vertical-wrap {\n      max-width: 700px;\n      grid-template-columns: 1fr;\n    }\n\n    .imct-galeria-item {\n      max-width: 430px;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .imct-galeria-vertical {\n      padding: 20px 0;\n    }\n\n    .imct-galeria-vertical-wrap {\n      padding: 0 12px;\n      gap: 12px;\n    }\n\n    .imct-galeria-item {\n      border-radius: 12px;\n    }\n  }\n<\/style>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"858\" src=\"https:\/\/imct.gov.co\/talentohumano\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.21.27-PM-1024x858.jpeg\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.21.27-PM-1024x858.jpeg 1024w, https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.21.27-PM-300x251.jpeg 300w, https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.21.27-PM-768x644.jpeg 768w, https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-19-at-2.21.27-PM.jpeg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Socializaci\u00f3n c\u00f3digo de integridad Honestidad Respeto Compromiso Diligencia Justicia \u00d7<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":18,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}