{"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-08-14T10:53:53","modified_gmt":"2026-08-14T15:53:53","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    <!-- GESTORES DE INTEGRIDAD -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Gestores de integridad\" data-description=\"Un gestor de integridad es un servidor p\u00fablico o colaborador designado para promover, orientar y vigilar la aplicaci\u00f3n de los valores \u00e9ticos y el c\u00f3digo de integridad.\" data-gallery=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.48-AM.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.50-AM.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.50-AM-1.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.52-AM.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.52-AM-1.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.53-AM.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.53-AM-1.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.54-AM.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.54-AM-1.jpeg|https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-9.10.55-AM.jpeg\">\n      <div class=\"lumi5-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-Copia-de-Portada.png\" alt=\"Gestores de integridad\">\n      <\/div>\n\n      <div class=\"lumi5-body\">\n        <h2>Gestores de integridad<\/h2>\n        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- HONESTIDAD -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Honestidad\" data-description=\"Act\u00fao siempre con fundamento en la verdad, cumpliendo mis deberes con transparencia y rectitud, y siempre favoreciendo el inter\u00e9s general.\" data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-de-la-Honestidad_page-0001.jpg\" data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Video-La-Honestidad.mp4\">\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        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- RESPETO -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Respeto\" data-description=\"Reconozco, valoro y trato de manera digna a todas las personas, con sus virtudes y defectos, sin importar su labor, su procedencia, t\u00edtulos o cualquier otra condici\u00f3n.\" data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-el-valor-del-Respeto.jpeg\" data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VIDEO-EL-RESPETO_.mp4\">\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        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- COMPROMISO -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Compromiso\" data-description=\"Soy consciente de la importancia de mi rol como servidor p\u00fablico y estoy en disposici\u00f3n permanente para comprender y resolver las necesidades de las personas con las que me relaciono en mis labores cotidianas, buscando siempre mejorar su bienestar.\" data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-del-Compromiso_page-0001.jpg\" data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VALOR-DEL-COMPROMISO.mp4\" data-video-2=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/lv_0_20260711121253.mp4\">\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        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- DILIGENCIA -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Diligencia\" data-description=\"Cumplo con los deberes, funciones y responsabilidades asignadas a mi cargo de la mejor manera posible, con atenci\u00f3n, prontitud, destreza y eficiencia, para as\u00ed optimizar el uso de los recursos del Estado.\" data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-valor-La-Diligencia.jpeg\" data-video=\"\">\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        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\n      <\/div>\n    <\/article>\n\n    <!-- JUSTICIA -->\n    <article class=\"lumi5-card\" role=\"button\" tabindex=\"0\" data-title=\"Justicia\" data-description=\"Act\u00fao con imparcialidad garantizando los derechos de las personas, con equidad, igualdad y sin discriminaci\u00f3n.\" data-image=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Pieza-el-Valor-de-La-Justicia.jpeg\" data-video=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/VIDEO-VALOR-DE-LA-JUSTICIA.mp4\">\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        <span class=\"lumi5-card-hint\">Ver definici\u00f3n + contenido<\/span>\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\">\n      \u00d7\n    <\/button>\n\n    <div class=\"lumi5-modal-head\">\n      <h2 class=\"lumi5-modal-title\"><\/h2>\n      <div class=\"lumi5-modal-description-wrap\" aria-label=\"Definici\u00f3n del valor\">\n        <p class=\"lumi5-modal-description\"><\/p>\n      <\/div>\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(1780px, calc(100vw - 50px));\n    max-width: 1780px;\n    margin: 0 auto !important;\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 18px;\n    align-items: stretch;\n  }\n\n  .lumi5-card {\n    width: 100%;\n    min-width: 0;\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    min-width: 0;\n    padding: 18px 12px 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(16px, 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\n  .lumi5-card-hint {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    margin-top: 10px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(0, 66, 37, 0.065);\n    color: #37604d;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: .02em;\n    opacity: .72;\n    transition:\n      opacity .2s ease,\n      color .2s ease,\n      background .2s ease,\n      transform .2s ease;\n  }\n\n  .lumi5-card-hint::after {\n    content: \"\u2192\";\n    font-size: 14px;\n    line-height: 1;\n    transition: transform .2s ease;\n  }\n\n  .lumi5-card:hover .lumi5-card-hint,\n  .lumi5-card:focus-visible .lumi5-card-hint {\n    opacity: 1;\n    color: #004225;\n    background: rgba(0, 122, 61, 0.10);\n    transform: translateY(-1px);\n  }\n\n  .lumi5-card:hover .lumi5-card-hint::after,\n  .lumi5-card:focus-visible .lumi5-card-hint::after {\n    transform: translateX(3px);\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(1380px, 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    scrollbar-width: thin;\n    scrollbar-color: #004225 #e8eeeb;\n  }\n\n  .lumi5-modal-box::-webkit-scrollbar {\n    width: 11px;\n  }\n\n  .lumi5-modal-box::-webkit-scrollbar-track {\n    background: #e8eeeb;\n    border-radius: 20px;\n  }\n\n  .lumi5-modal-box::-webkit-scrollbar-thumb {\n    background: #004225;\n    border-radius: 20px;\n    border: 2px solid #e8eeeb;\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\n  .lumi5-modal-description-wrap {\n    position: relative;\n    margin-top: 17px;\n    padding: 17px 20px 17px 56px;\n    border: 1px solid rgba(0, 122, 61, 0.14);\n    border-radius: 17px;\n    background:\n      linear-gradient(135deg, rgba(236, 253, 245, 0.95), rgba(255, 255, 255, 0.98) 58%, rgba(247, 240, 252, 0.72));\n    box-shadow:\n      0 10px 26px rgba(16, 24, 40, 0.06),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n    overflow: hidden;\n  }\n\n  .lumi5-modal-description-wrap::before {\n    content: \"\u201c\";\n    position: absolute;\n    left: 18px;\n    top: 10px;\n    color: #007a3d;\n    font-family: Georgia, serif;\n    font-size: 48px;\n    line-height: 1;\n    font-weight: 700;\n    opacity: .88;\n  }\n\n  .lumi5-modal-description-wrap::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 5px;\n    background: linear-gradient(180deg, #007a3d, #5e2a8c);\n  }\n\n  .lumi5-modal-description {\n    margin: 0;\n    color: #263e33;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: clamp(15px, 1.25vw, 18px);\n    line-height: 1.55;\n    font-weight: 700;\n    letter-spacing: -0.08px;\n  }\n\n  .lumi5-modal-content {\n    width: 100%;\n  }\n\n  \/* IMAGEN Y VIDEO DE LAS TARJETAS NORMALES *\/\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  \/* COMPROMISO: IMAGEN ARRIBA + DOS VIDEOS ORDENADOS *\/\n  .lumi5-compromiso-layout {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n  }\n\n  .lumi5-compromiso-image {\n    width: min(620px, 100%);\n    min-height: 460px;\n    margin: 0 auto;\n  }\n\n  .lumi5-compromiso-videos {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n    align-items: stretch;\n  }\n\n  .lumi5-compromiso-videos .lumi5-media-panel {\n    min-height: 520px;\n  }\n\n  \/* GALER\u00cdA DE GESTORES DE INTEGRIDAD *\/\n  .lumi5-gallery-grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n    align-items: stretch;\n  }\n\n  .lumi5-gallery-panel {\n    width: 100%;\n    height: 430px;\n    padding: 12px;\n    background: #f4f6f5;\n    border: 1px solid rgba(0, 66, 37, 0.12);\n    border-radius: 18px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);\n  }\n\n  .lumi5-gallery-panel img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    background: #f4f6f5;\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    .lumi5-gallery-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .lumi5-gallery-panel {\n      height: 500px;\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-compromiso-videos {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .lumi5-compromiso-image,\n    .lumi5-compromiso-videos .lumi5-media-panel {\n      min-height: auto;\n      height: auto;\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    .lumi5-gallery-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .lumi5-gallery-panel {\n      height: 430px;\n      padding: 10px;\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: 650px) {\n    .lumi5-gallery-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .lumi5-gallery-panel {\n      width: 100%;\n      height: auto;\n      min-height: 440px;\n    }\n\n    .lumi5-gallery-panel img {\n      width: 100%;\n      height: auto;\n      max-height: 78vh;\n      object-fit: contain;\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    .lumi5-gallery-panel {\n      border-radius: 16px;\n    }\n\n    .lumi5-gallery-panel {\n      min-height: 380px;\n      padding: 8px;\n    }\n  }\n\n\n  @media (max-width: 560px) {\n    .lumi5-card-hint {\n      margin-top: 11px;\n      font-size: 11px;\n    }\n\n    .lumi5-modal-description-wrap {\n      margin-top: 14px;\n      padding: 15px 15px 15px 46px;\n      border-radius: 15px;\n    }\n\n    .lumi5-modal-description-wrap::before {\n      left: 14px;\n      top: 9px;\n      font-size: 40px;\n    }\n\n    .lumi5-modal-description {\n      font-size: 15px;\n      line-height: 1.5;\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 modalDescription = document.querySelector('.lumi5-modal-description');\nvar 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 (\n        !modal ||\n        !modalTitle ||\n                !modalDescription ||\n!modalContent ||\n        !closeBtn ||\n        !backdrop ||\n        modal.dataset.ready === 'true'\n      ) {\n        return;\n      }\n\n      modal.dataset.ready = 'true';\n\n      function crearGaleria(gallery, title) {\n        var imagenes = gallery\n          .split('|')\n          .map(function (url) {\n            return url.trim();\n          })\n          .filter(function (url) {\n            return url !== '';\n          });\n\n        var contenidoGaleria = imagenes\n          .map(function (url, index) {\n            return (\n              '<div class=\"lumi5-gallery-panel\">' +\n                '<img ' +\n                  'src=\"' + url + '\" ' +\n                  'alt=\"' + title + ' - Fotograf\u00eda ' + (index + 1) + '\" ' +\n                  'loading=\"lazy\"' +\n                '>' +\n              '<\/div>'\n            );\n          })\n          .join('');\n\n        return (\n          '<div class=\"lumi5-gallery-grid\">' +\n            contenidoGaleria +\n          '<\/div>'\n        );\n      }\n\n      function abrirModal(card) {\n        var title = card.getAttribute('data-title') || '';\n                var description = card.getAttribute('data-description') || '';\nvar image = card.getAttribute('data-image') || '';\n        var video = card.getAttribute('data-video') || '';\n        var video2 = card.getAttribute('data-video-2') || '';\n        var gallery = card.getAttribute('data-gallery') || '';\n\n        modalTitle.textContent = title;\n\n                modalDescription.textContent = description;\nif (gallery.trim() !== '') {\n          modalContent.innerHTML = crearGaleria(gallery, title);\n        } else if (video.trim() !== '' && video2.trim() !== '') {\n          modalContent.innerHTML =\n            '<div class=\"lumi5-compromiso-layout\">' +\n              '<div class=\"lumi5-media-panel lumi5-compromiso-image\">' +\n                '<img decoding=\"async\" src=\"' + image + '\" alt=\"' + title + '\">' +\n              '<\/div>' +\n              '<div class=\"lumi5-compromiso-videos\">' +\n                '<div class=\"lumi5-media-panel\">' +\n                  '<video ' +\n                    'src=\"' + video + '\" ' +\n                    'controls ' +\n                    'playsinline ' +\n                    'preload=\"metadata\"' +\n                  '><\/video>' +\n                '<\/div>' +\n                '<div class=\"lumi5-media-panel\">' +\n                  '<video ' +\n                    'src=\"' + video2 + '\" ' +\n                    'controls ' +\n                    'playsinline ' +\n                    'preload=\"metadata\"' +\n                  '><\/video>' +\n                '<\/div>' +\n              '<\/div>' +\n            '<\/div>';\n        } else 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 ' +\n                  'src=\"' + video + '\" ' +\n                  'controls ' +\n                  'playsinline ' +\n                  'preload=\"metadata\"' +\n                '><\/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\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\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 (\n          event.key === 'Escape' &&\n          modal.classList.contains('is-open')\n        ) {\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","protected":false},"excerpt":{"rendered":"<p>Socializaci\u00f3n c\u00f3digo de integridad Gestores de integridad Ver definici\u00f3n + contenido Honestidad Ver definici\u00f3n + contenido Respeto Ver definici\u00f3n + contenido Compromiso Ver definici\u00f3n + contenido Diligencia Ver definici\u00f3n + contenido Justicia Ver definici\u00f3n + contenido \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":26,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/1020"}],"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}]}}