{"id":629,"date":"2026-06-19T09:15:21","date_gmt":"2026-06-19T14:15:21","guid":{"rendered":"https:\/\/imct.gov.co\/gestioninstitucional\/?page_id=629"},"modified":"2026-06-19T10:58:25","modified_gmt":"2026-06-19T15:58:25","slug":"629-2","status":"publish","type":"page","link":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/629-2\/","title":{"rendered":"Promoci\u00f3n de la integridad y la \u00e9tica p\u00fablica"},"content":{"rendered":"\n<section class=\"lumi3-full\">\n  <div class=\"lumi3-shell\">\n\n    <!-- TARJETA 1: SIN FLIP -->\n    <article class=\"lumi3-card\">\n      <div class=\"lumi3-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-35.png\" alt=\"Conflicto de intereses\">\n      <\/div> \n\n      <div class=\"lumi3-body\">\n        <h3>Conflicto de intereses<\/h3>\n\n        <a href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/conflicto-de-intereses\/\" class=\"lumi3-btn\">\n          CLICK AQU\u00cd\n        <\/a>\n      <\/div>\n    <\/article>\n\n\n      <!-- TARJETA 1: SIN FLIP -->\n    <article class=\"lumi3-card\">\n      <div class=\"lumi3-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-37.png\" alt=\"Conflicto de intereses\">\n      <\/div>\n\n      <div class=\"lumi3-body\">\n        <h3>Plan anti soborno<\/h3>\n\n        <a href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/plan-anti-soborno\/\" class=\"lumi3-btn\">\n          CLICK AQU\u00cd\n        <\/a>\n      <\/div>\n    <\/article>\n\n\n     <!-- TARJETA 1: SIN FLIP -->\n    <article class=\"lumi3-card\">\n      <div class=\"lumi3-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-36.png\" alt=\"Conflicto de intereses\">\n      <\/div>\n\n      <div class=\"lumi3-body\">\n        <h3>Prevenci\u00f3n de lavado de activos<\/h3>\n\n        <a href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/prevencion-de-lavado-de-activos\/\" class=\"lumi3-btn\">\n          CLICK AQU\u00cd\n        <\/a>\n      <\/div>\n    <\/article>\n\n    \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  .lumi3-full,\n  .lumi3-full * {\n    box-sizing: border-box;\n  }\n\n  .lumi3-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  .lumi3-shell {\n    width: min(1620px, calc(100vw - 120px));\n    max-width: 1620px;\n    margin: 0 auto !important;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 34px;\n    align-items: stretch;\n  }\n\n\n  \/* =====================================================\n     TARJETAS NORMALES: 1 Y 9\n  ===================================================== *\/\n\n  .lumi3-card {\n    width: 100%;\n    min-height: 455px;\n    background: #ffffff;\n    border-radius: 22px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.11);\n    display: flex;\n    flex-direction: column;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .lumi3-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.16);\n  }\n\n\n  \/* =====================================================\n     TARJETAS FLIP: 2 A 8\n  ===================================================== *\/\n\n  .lumi3-flip-card {\n    position: relative;\n    width: 100%;\n    min-height: 455px;\n    perspective: 1400px;\n    cursor: pointer;\n    border-radius: 22px;\n    transition: transform 0.25s ease;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .lumi3-flip-card:hover {\n    transform: translateY(-6px);\n  }\n\n  .lumi3-flip-card:focus {\n    outline: none;\n  }\n\n  .lumi3-flip-card:focus-visible {\n    outline: 4px solid rgba(8, 122, 67, 0.32);\n    outline-offset: 5px;\n  }\n\n  .lumi3-flip-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 455px;\n    transform-style: preserve-3d;\n    -webkit-transform-style: preserve-3d;\n    transition: transform 0.72s cubic-bezier(0.22, 0.75, 0.25, 1);\n  }\n\n  .lumi3-flip-card.is-flipped .lumi3-flip-inner {\n    transform: rotateY(180deg);\n  }\n\n  .lumi3-face {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    min-height: 455px;\n    border-radius: 22px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.11);\n    backface-visibility: hidden;\n    -webkit-backface-visibility: hidden;\n  }\n\n  .lumi3-flip-card:hover .lumi3-face {\n    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.16);\n  }\n\n  .lumi3-front {\n    z-index: 2;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    transform: rotateY(0deg);\n  }\n\n  .lumi3-back {\n    z-index: 1;\n    padding: 38px 42px 27px;\n    background:\n      radial-gradient(\n        circle at top right,\n        rgba(255, 255, 255, 0.14),\n        transparent 38%\n      ),\n      linear-gradient(145deg, #004225 0%, #087a43 58%, #0a9350 100%);\n    color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    transform: rotateY(180deg);\n  }\n\n  .lumi3-back h3 {\n    width: 100%;\n    max-width: 410px;\n    margin: 0 auto 23px;\n    color: #ffffff;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: clamp(22px, 1.25vw, 28px);\n    font-weight: 900;\n    line-height: 1.18;\n    letter-spacing: -0.2px;\n    text-wrap: balance;\n  }\n\n  .lumi3-back p {\n    width: 100%;\n    max-width: 420px;\n    margin: 0 auto 28px;\n    color: rgba(255, 255, 255, 0.96);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.58;\n    text-wrap: pretty;\n  }\n\n  .lumi3-back-btn {\n    width: 170px;\n    min-height: 50px;\n    padding: 10px 20px;\n    margin-top: auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #ffffff;\n    color: #006638 !important;\n    text-decoration: none !important;\n    border: 2px solid #ffffff;\n    border-radius: 999px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    font-weight: 900;\n    letter-spacing: 0.4px;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.20);\n    transition:\n      background 0.25s ease,\n      color 0.25s ease,\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .lumi3-back-btn:hover {\n    background: #004225;\n    color: #ffffff !important;\n    transform: translateY(-2px);\n    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);\n  }\n\n  .lumi3-return {\n    display: block;\n    margin-top: 17px;\n    color: rgba(255, 255, 255, 0.72);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.4px;\n  }\n\n\n  \/* =====================================================\n     IM\u00c1GENES\n  ===================================================== *\/\n\n  .lumi3-img {\n    width: 100%;\n    height: 240px;\n    overflow: hidden;\n    background: #e8eeeb;\n    flex-shrink: 0;\n  }\n\n  .lumi3-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  .lumi3-card:hover .lumi3-img img,\n  .lumi3-flip-card:hover .lumi3-front .lumi3-img img {\n    transform: scale(1.04);\n  }\n\n\n  \/* =====================================================\n     CONTENIDO FRONTAL\n  ===================================================== *\/\n\n  .lumi3-body {\n    flex: 1;\n    padding: 22px 42px 30px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .lumi3-body h3 {\n    width: 100%;\n    max-width: 390px;\n    min-height: 96px;\n    margin: 0 auto 18px;\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(21px, 1.22vw, 27px);\n    font-weight: 900;\n    line-height: 1.18;\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  \/* =====================================================\n     BOT\u00d3N FRONTAL Y BOTONES NORMALES\n  ===================================================== *\/\n\n  .lumi3-btn {\n    margin-top: auto;\n    width: 170px;\n    height: 50px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #087a43;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    border-radius: 999px;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 14px;\n    font-weight: 900;\n    letter-spacing: 0.4px;\n    box-shadow: 0 10px 22px rgba(8, 122, 67, 0.25);\n    transition:\n      background 0.25s ease,\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .lumi3-btn:hover {\n    background: #0a9350;\n    color: #ffffff !important;\n    transform: translateY(-2px);\n    box-shadow: 0 14px 30px rgba(8, 122, 67, 0.34);\n  }\n\n  .lumi3-front-btn {\n    pointer-events: none;\n    user-select: none;\n  }\n\n\n  \/* =====================================================\n     TABLET\n  ===================================================== *\/\n\n  @media (max-width: 1050px) {\n    .lumi3-shell {\n      width: min(920px, calc(100vw - 60px));\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 28px;\n    }\n\n    .lumi3-card,\n    .lumi3-flip-card,\n    .lumi3-flip-inner,\n    .lumi3-face {\n      min-height: 440px;\n    }\n\n    .lumi3-img {\n      height: 225px;\n    }\n\n    .lumi3-body {\n      padding: 22px 30px 30px;\n    }\n\n    .lumi3-body h3 {\n      min-height: 92px;\n      font-size: 24px;\n    }\n\n    .lumi3-back {\n      padding: 34px 32px 26px;\n    }\n\n    .lumi3-back h3 {\n      font-size: 25px;\n    }\n  }\n\n\n  \/* =====================================================\n     CELULAR\n  ===================================================== *\/\n\n  @media (max-width: 640px) {\n    .lumi3-full {\n      padding: 32px 0;\n    }\n\n    .lumi3-shell {\n      width: calc(100vw - 28px);\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .lumi3-card,\n    .lumi3-flip-card,\n    .lumi3-flip-inner,\n    .lumi3-face {\n      min-height: 405px;\n    }\n\n    .lumi3-img {\n      height: 210px;\n    }\n\n    .lumi3-body {\n      padding: 22px 24px 28px;\n    }\n\n    .lumi3-body h3 {\n      min-height: 82px;\n      font-size: 23px;\n      line-height: 1.18;\n    }\n\n    .lumi3-btn,\n    .lumi3-back-btn {\n      width: 160px;\n      min-height: 48px;\n      height: 48px;\n      font-size: 13px;\n    }\n\n    .lumi3-back {\n      padding: 31px 25px 22px;\n    }\n\n    .lumi3-back h3 {\n      margin-bottom: 18px;\n      font-size: 23px;\n    }\n\n    .lumi3-back p {\n      margin-bottom: 22px;\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .lumi3-return {\n      margin-top: 13px;\n      font-size: 10px;\n    }\n  }\n\n\n  \/* Reduce animaciones si el usuario lo tiene configurado *\/\n  @media (prefers-reduced-motion: reduce) {\n    .lumi3-flip-inner,\n    .lumi3-card,\n    .lumi3-flip-card,\n    .lumi3-img img,\n    .lumi3-btn,\n    .lumi3-back-btn {\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  (function () {\n\n    \/* =====================================================\n       EFECTO FLIP POR CLIC O TOQUE\n    ===================================================== *\/\n\n    function iniciarFlipLumi3() {\n      document.querySelectorAll('.lumi3-flip-card').forEach(function (tarjeta) {\n\n        if (tarjeta.dataset.flipReady === 'true') {\n          return;\n        }\n\n        tarjeta.dataset.flipReady = 'true';\n\n        tarjeta.addEventListener('click', function (evento) {\n          \/*\n           * Si se pulsa el bot\u00f3n CLICK AQU\u00cd de la parte posterior,\n           * el enlace funciona normalmente y la tarjeta no gira.\n           *\/\n          if (evento.target.closest('a')) {\n            return;\n          }\n\n          tarjeta.classList.toggle('is-flipped');\n\n          tarjeta.setAttribute(\n            'aria-pressed',\n            tarjeta.classList.contains('is-flipped') ? 'true' : 'false'\n          );\n        });\n\n        tarjeta.addEventListener('keydown', function (evento) {\n          if (evento.key === 'Enter' || evento.key === ' ') {\n            evento.preventDefault();\n\n            tarjeta.classList.toggle('is-flipped');\n\n            tarjeta.setAttribute(\n              'aria-pressed',\n              tarjeta.classList.contains('is-flipped') ? 'true' : 'false'\n            );\n          }\n        });\n\n      });\n    }\n\n\n    \/* =====================================================\n       AJUSTE DE ANCHO COMPLETO\n    ===================================================== *\/\n\n    function ajustarLumi3() {\n      document.querySelectorAll('.lumi3-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\n    function iniciarLumi3() {\n      iniciarFlipLumi3();\n      ajustarLumi3();\n    }\n\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', iniciarLumi3);\n    } else {\n      iniciarLumi3();\n    }\n\n    window.addEventListener('load', iniciarLumi3);\n    window.addEventListener('resize', ajustarLumi3);\n\n    setTimeout(iniciarLumi3, 300);\n    setTimeout(iniciarLumi3, 1000);\n    setTimeout(iniciarLumi3, 2000);\n\n  })();\n<\/script><\/div><\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conflicto de intereses CLICK AQU\u00cd Plan anti soborno CLICK AQU\u00cd Prevenci\u00f3n de lavado de activos CLICK AQU\u00cd<\/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-629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/629","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=629"}],"version-history":[{"count":8,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/629\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/629\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/media?parent=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}