{"id":612,"date":"2026-06-09T20:35:35","date_gmt":"2026-06-10T01:35:35","guid":{"rendered":"https:\/\/imct.gov.co\/gestioninstitucional\/?page_id=612"},"modified":"2026-08-25T20:34:12","modified_gmt":"2026-08-26T01:34:12","slug":"tecnicos-operativos","status":"publish","type":"page","link":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/tecnicos-operativos\/","title":{"rendered":"T\u00e9cnicos Operativos"},"content":{"rendered":"\n<section class=\"menucon-full\">\n  <div class=\"menucon-shell\">\n\n    <!-- 1 -->\n    <article class=\"menucon-card\">\n      <a href=\"https:\/\/forms.cloud.microsoft\/r\/Bg43bfq5uE\" class=\"menucon-imglink\">\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-30-1.png\" alt=\"Conocimiento t\u00e1cito\">\n      <\/a>\n      <h3>Conocimiento t\u00e1cito<\/h3>\n    <\/article>\n\n    <!-- 2 -->\n    <article class=\"menucon-card\">\n      <a href=\"#\" class=\"menucon-imglink\">\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-31.png\" alt=\"Conocimiento expl\u00edcito\">\n      <\/a>\n      <h3>Conocimiento expl\u00edcito<\/h3>\n    <\/article>\n\n    <!-- 3: V\u00cdDEO -->\n    <article class=\"menucon-card\">\n      <button type=\"button\" class=\"menucon-imglink menucon-video-open\" aria-label=\"Abrir v\u00eddeo\">\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-33.png\" alt=\"V\u00eddeo\">\n      <\/button>\n\n      <h3>V\u00eddeo<\/h3>\n    <\/article>\n\n    <!-- 4 -->\n    <article class=\"menucon-card\">\n      <a href=\"#\" class=\"menucon-imglink\">\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-34.png\" alt=\"Banco de fotograf\u00edas\">\n      <\/a>\n      <h3>Banco de fotograf\u00edas<\/h3>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n\n<!-- ========================================\n     MODAL DEL V\u00cdDEO\n========================================= -->\n\n<div class=\"menucon-video-modal\" aria-hidden=\"true\">\n\n  <div class=\"menucon-video-backdrop\"><\/div>\n\n  <div class=\"menucon-video-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"V\u00eddeo\">\n\n    <button class=\"menucon-video-close\" type=\"button\" aria-label=\"Cerrar v\u00eddeo\">\n      \u00d7\n    <\/button>\n\n    <div class=\"menucon-video-header\">\n      <h2>V\u00eddeo<\/h2>\n    <\/div>\n\n    <div class=\"menucon-video-list\">\n\n      <!-- VIDEO NUEVO - PRIMERO -->\n      <div class=\"menucon-video-container\">\n        <video controls playsinline preload=\"metadata\">\n          <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/WhatsApp-Video-2026-08-25-at-8.27.32-PM.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta video HTML5.\n        <\/video>\n      <\/div>\n\n      <!-- VIDEO ANTERIOR - SEGUNDO -->\n      <div class=\"menucon-video-container\">\n        <video controls playsinline preload=\"metadata\">\n          <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/WhatsApp-Video-2026-08-19-at-10.53.43-AM.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta video HTML5.\n        <\/video>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\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  .menucon-full,\n  .menucon-full *,\n  .menucon-video-modal,\n  .menucon-video-modal * {\n    box-sizing: border-box;\n  }\n\n\n  \/* ========================================\n     M\u00d3DULO\n  ========================================= *\/\n\n  .menucon-full {\n    width: 100%;\n    max-width: none !important;\n    padding: 54px 0;\n    background: linear-gradient(\n      180deg,\n      #f5f7f6 0%,\n      #ffffff 100%\n    );\n    overflow: visible;\n  }\n\n  .menucon-shell {\n    width: min(1620px, calc(100vw - 110px));\n    max-width: 1620px;\n    margin: 0 auto !important;\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(4, minmax(0, 1fr));\n\n    gap: 32px;\n\n    align-items: stretch;\n  }\n\n\n  \/* ========================================\n     TARJETAS\n  ========================================= *\/\n\n  .menucon-card {\n    background: #ffffff;\n\n    border-radius: 22px;\n\n    overflow: hidden;\n\n    border:\n      1px solid\n      rgba(0, 66, 37, 0.10);\n\n    box-shadow:\n      0 14px 34px\n      rgba(0, 0, 0, 0.10);\n\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .menucon-card:hover {\n    transform: translateY(-5px);\n\n    box-shadow:\n      0 22px 46px\n      rgba(0, 0, 0, 0.15);\n  }\n\n\n  \/* ========================================\n     IMAGEN \/ BOT\u00d3N\n  ========================================= *\/\n\n  .menucon-imglink {\n    width: 100%;\n    height: 250px;\n\n    display: block;\n\n    overflow: hidden;\n\n    background: #e8eeeb;\n\n    text-decoration: none !important;\n\n    cursor: pointer;\n\n    padding: 0;\n\n    margin: 0;\n\n    border: 0;\n\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .menucon-imglink img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n      transform 0.35s ease,\n      filter 0.35s ease;\n  }\n\n  .menucon-imglink:hover img {\n    transform: scale(1.045);\n\n    filter: saturate(1.06);\n  }\n\n\n  \/* ========================================\n     T\u00cdTULOS\n  ========================================= *\/\n\n  .menucon-card h3 {\n    min-height: 92px;\n\n    margin: 0;\n\n    padding:\n      24px 24px 26px;\n\n    color: #004225;\n\n    font-family:\n      'Nunito',\n      Arial,\n      Helvetica,\n      sans-serif;\n\n    font-size:\n      clamp(21px, 1.35vw, 28px);\n\n    font-weight: 900;\n\n    line-height: 1.18;\n\n    letter-spacing: -0.25px;\n\n    text-align: center;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n  }\n\n\n  \/* ========================================\n     MODAL V\u00cdDEO\n  ========================================= *\/\n\n  .menucon-video-modal {\n    position: fixed;\n\n    inset: 0;\n\n    z-index: 999999;\n\n    width: 100%;\n    height: 100%;\n\n    padding: 28px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    pointer-events: none;\n\n    transition:\n      opacity 0.25s ease,\n      visibility 0.25s ease;\n  }\n\n  .menucon-video-modal.is-open {\n    opacity: 1;\n\n    visibility: visible;\n\n    pointer-events: auto;\n  }\n\n\n  \/* FONDO *\/\n\n  .menucon-video-backdrop {\n    position: absolute;\n\n    inset: 0;\n\n    background:\n      rgba(0, 0, 0, 0.78);\n\n    backdrop-filter: blur(6px);\n\n    -webkit-backdrop-filter:\n      blur(6px);\n  }\n\n\n  \/* VENTANA *\/\n\n  .menucon-video-window {\n    position: relative;\n\n    z-index: 2;\n\n    width:\n      min(1100px, calc(100vw - 50px));\n\n    max-height:\n      calc(100vh - 50px);\n\n    overflow-y: auto;\n\n    padding: 26px;\n\n    background: #ffffff;\n\n    border-radius: 24px;\n\n    box-shadow:\n      0 30px 90px\n      rgba(0, 0, 0, 0.45);\n\n    transform:\n      scale(0.96)\n      translateY(12px);\n\n    transition:\n      transform 0.25s ease;\n  }\n\n  .menucon-video-modal.is-open\n  .menucon-video-window {\n    transform:\n      scale(1)\n      translateY(0);\n  }\n\n\n  \/* ========================================\n     ENCABEZADO\n  ========================================= *\/\n\n  .menucon-video-header {\n    padding:\n      2px 58px 18px 2px;\n\n    margin-bottom: 18px;\n\n    border-bottom:\n      1px solid\n      rgba(0, 66, 37, 0.13);\n  }\n\n  .menucon-video-header h2 {\n    margin: 0;\n\n    color: #004225;\n\n    font-family:\n      'Nunito',\n      Arial,\n      sans-serif;\n\n    font-size:\n      clamp(28px, 3vw, 40px);\n\n    font-weight: 900;\n\n    line-height: 1.08;\n  }\n\n\n  \/* ========================================\n     VIDEOS\n  ========================================= *\/\n\n  .menucon-video-list {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 22px;\n  }\n\n  .menucon-video-container {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #000000;\n\n    border-radius: 18px;\n\n    box-shadow:\n      0 12px 30px\n      rgba(0, 0, 0, 0.18);\n  }\n\n  .menucon-video-container video {\n    width: 100%;\n\n    max-height: 72vh;\n\n    display: block;\n\n    object-fit: contain;\n\n    background: #000000;\n  }\n\n\n  \/* ========================================\n     CERRAR\n  ========================================= *\/\n\n  .menucon-video-close {\n    position: absolute;\n\n    top: 15px;\n    right: 16px;\n\n    z-index: 5;\n\n    width: 45px;\n    height: 45px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding-bottom: 4px;\n\n    border: 0;\n\n    border-radius: 999px;\n\n    background: #004225;\n\n    color: #ffffff;\n\n    font-family:\n      Arial,\n      sans-serif;\n\n    font-size: 32px;\n\n    line-height: 1;\n\n    cursor: pointer;\n\n    box-shadow:\n      0 10px 24px\n      rgba(0, 0, 0, 0.20);\n\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease;\n  }\n\n  .menucon-video-close:hover {\n    background: #087a43;\n\n    transform: rotate(90deg);\n  }\n\n\n  \/* ========================================\n     TABLET\n  ========================================= *\/\n\n  @media (max-width: 1100px) {\n\n    .menucon-shell {\n      width:\n        min(960px, calc(100vw - 54px));\n\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 28px;\n    }\n\n    .menucon-imglink {\n      height: 240px;\n    }\n\n    .menucon-card h3 {\n      min-height: 86px;\n\n      font-size: 25px;\n    }\n\n  }\n\n\n  \/* ========================================\n     CELULAR\n  ========================================= *\/\n\n  @media (max-width: 640px) {\n\n    .menucon-full {\n      padding: 36px 0;\n    }\n\n    .menucon-shell {\n      width:\n        calc(100vw - 28px);\n\n      grid-template-columns:\n        1fr;\n\n      gap: 24px;\n    }\n\n    .menucon-card {\n      border-radius: 18px;\n    }\n\n    .menucon-imglink {\n      height: 220px;\n    }\n\n    .menucon-card h3 {\n      min-height: 78px;\n\n      padding:\n        22px 20px 24px;\n\n      font-size: 24px;\n    }\n\n\n    \/* MODAL *\/\n\n    .menucon-video-modal {\n      padding: 12px;\n    }\n\n    .menucon-video-window {\n      width:\n        calc(100vw - 18px);\n\n      max-height:\n        calc(100vh - 24px);\n\n      padding: 18px;\n\n      border-radius: 18px;\n    }\n\n    .menucon-video-header {\n      padding:\n        2px 48px 14px 0;\n\n      margin-bottom: 15px;\n    }\n\n    .menucon-video-header h2 {\n      font-size: 27px;\n    }\n\n    .menucon-video-close {\n      width: 40px;\n      height: 40px;\n\n      top: 10px;\n      right: 10px;\n\n      font-size: 29px;\n    }\n\n    .menucon-video-container {\n      border-radius: 14px;\n    }\n\n    .menucon-video-list {\n      gap: 18px;\n    }\n\n  }\n\n<\/style>\n\n\n<script>\n\n  (function () {\n\n    \/* ========================================\n       FULL WIDTH\n    ========================================= *\/\n\n    function ajustarMenuConFull() {\n\n      document\n        .querySelectorAll('.menucon-full')\n        .forEach(function (modulo) {\n\n          var anchoVentana =\n            document.documentElement.clientWidth;\n\n          modulo.style.position =\n            'relative';\n\n          modulo.style.width =\n            anchoVentana + 'px';\n\n          modulo.style.maxWidth =\n            'none';\n\n          modulo.style.marginLeft =\n            '0px';\n\n          modulo.style.marginRight =\n            '0px';\n\n          modulo.style.left =\n            '0px';\n\n          modulo.style.right =\n            'auto';\n\n          modulo.style.transform =\n            'none';\n\n          var distanciaIzquierda =\n            modulo.getBoundingClientRect().left;\n\n          modulo.style.left =\n            (-distanciaIzquierda) + 'px';\n\n        });\n\n    }\n\n\n    \/* ========================================\n       MODAL\n    ========================================= *\/\n\n    function iniciarMenuConVideo() {\n\n      var openButton =\n        document.querySelector(\n          '.menucon-video-open'\n        );\n\n      var modal =\n        document.querySelector(\n          '.menucon-video-modal'\n        );\n\n      if (\n        !openButton ||\n        !modal ||\n        modal.dataset.ready === 'true'\n      ) {\n        return;\n      }\n\n\n      modal.dataset.ready =\n        'true';\n\n\n      var videos =\n        modal.querySelectorAll('video');\n\n      var closeButton =\n        modal.querySelector(\n          '.menucon-video-close'\n        );\n\n      var backdrop =\n        modal.querySelector(\n          '.menucon-video-backdrop'\n        );\n\n\n      function pausarTodosLosVideos() {\n\n        videos.forEach(function (video) {\n\n          video.pause();\n\n          video.currentTime = 0;\n\n        });\n\n      }\n\n\n      videos.forEach(function (videoActual) {\n\n        videoActual.addEventListener('play', function () {\n\n          videos.forEach(function (otroVideo) {\n\n            if (otroVideo !== videoActual) {\n\n              otroVideo.pause();\n\n            }\n\n          });\n\n        });\n\n      });\n\n\n      function abrirVideo() {\n\n        modal.classList.add(\n          'is-open'\n        );\n\n        modal.setAttribute(\n          'aria-hidden',\n          'false'\n        );\n\n\n        document.documentElement.style.overflow =\n          'hidden';\n\n        document.body.style.overflow =\n          'hidden';\n\n\n        setTimeout(function () {\n\n          if (videos.length > 0) {\n\n            var playPromise =\n              videos[0].play();\n\n            if (\n              playPromise &&\n              typeof playPromise.catch === 'function'\n            ) {\n\n              playPromise.catch(\n                function () {}\n              );\n\n            }\n\n          }\n\n        }, 150);\n\n      }\n\n\n      function cerrarVideo() {\n\n        pausarTodosLosVideos();\n\n\n        modal.classList.remove(\n          'is-open'\n        );\n\n        modal.setAttribute(\n          'aria-hidden',\n          'true'\n        );\n\n\n        document.documentElement.style.overflow =\n          '';\n\n        document.body.style.overflow =\n          '';\n\n      }\n\n\n      openButton.addEventListener(\n        'click',\n        abrirVideo\n      );\n\n\n      closeButton.addEventListener(\n        'click',\n        cerrarVideo\n      );\n\n\n      backdrop.addEventListener(\n        'click',\n        cerrarVideo\n      );\n\n\n      document.addEventListener(\n        'keydown',\n        function (event) {\n\n          if (\n            event.key === 'Escape' &&\n            modal.classList.contains(\n              'is-open'\n            )\n          ) {\n\n            cerrarVideo();\n\n          }\n\n        }\n      );\n\n    }\n\n\n    \/* ========================================\n       INICIO\n    ========================================= *\/\n\n    function iniciarMenuCon() {\n\n      ajustarMenuConFull();\n\n      iniciarMenuConVideo();\n\n    }\n\n\n    if (\n      document.readyState === 'loading'\n    ) {\n\n      document.addEventListener(\n        'DOMContentLoaded',\n        iniciarMenuCon\n      );\n\n    } else {\n\n      iniciarMenuCon();\n\n    }\n\n\n    window.addEventListener(\n      'load',\n      iniciarMenuCon\n    );\n\n    window.addEventListener(\n      'resize',\n      ajustarMenuConFull\n    );\n\n\n    setTimeout(\n      iniciarMenuCon,\n      300\n    );\n\n    setTimeout(\n      iniciarMenuCon,\n      1000\n    );\n\n    setTimeout(\n      iniciarMenuCon,\n      2000\n    );\n\n  })();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Conocimiento t\u00e1cito Conocimiento expl\u00edcito V\u00eddeo Banco de fotograf\u00edas \u00d7 V\u00eddeo Tu navegador no soporta video HTML5. Tu navegador no soporta video HTML5.<\/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-612","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/612","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=612"}],"version-history":[{"count":6,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":1149,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/612\/revisions\/1149"}],"wp:attachment":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/media?parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}