{"id":821,"date":"2026-07-14T20:57:44","date_gmt":"2026-07-15T01:57:44","guid":{"rendered":"https:\/\/imct.gov.co\/gestioninstitucional\/?page_id=821"},"modified":"2026-07-14T22:31:38","modified_gmt":"2026-07-15T03:31:38","slug":"gobierno-y-seguridad-digital","status":"publish","type":"page","link":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/gobierno-y-seguridad-digital\/","title":{"rendered":"Gobierno y seguridad digital"},"content":{"rendered":"\n<section class=\"campanias-digitales-full\">\n\n  <div class=\"campanias-digitales-grid\">\n \n    <!-- TARJETA 1 -->\n    <a class=\"campanias-digitales-card\" href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/campana-contrasenas\/\" aria-label=\"Ir a Campa\u00f1a Contrase\u00f1as\">\n\n      <div class=\"campanias-digitales-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-Portada-7.png\" alt=\"Campa\u00f1a Contrase\u00f1as\">\n      <\/div>\n\n      <div class=\"campanias-digitales-body\">\n        <h3>Campa\u00f1a Contrase\u00f1as<\/h3>\n      <\/div>\n\n    <\/a>\n\n\n    <!-- TARJETA 2 -->\n    <a class=\"campanias-digitales-card\" href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/campana-correo-seguro\/\" aria-label=\"Ir a Campa\u00f1a Correo seguro\">\n\n      <div class=\"campanias-digitales-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-Portada-6.png\" alt=\"Campa\u00f1a Correo seguro\">\n      <\/div>\n\n      <div class=\"campanias-digitales-body\">\n        <h3>Campa\u00f1a Correo seguro<\/h3>\n      <\/div>\n\n    <\/a>\n\n\n    <!-- TARJETA 3 -->\n    <a class=\"campanias-digitales-card\" href=\"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/capacitaciones\/\" aria-label=\"Ir a Capacitaciones\">\n\n      <div class=\"campanias-digitales-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-Portada-5.png\" alt=\"Capacitaciones\">\n      <\/div>\n\n      <div class=\"campanias-digitales-body\">\n        <h3>Capacitaciones<\/h3>\n      <\/div>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&display=swap');\n\n  .campanias-digitales-full,\n  .campanias-digitales-full * {\n    box-sizing: border-box;\n  }\n\n  .campanias-digitales-full {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n    padding: 24px 0;\n  }\n\n  .campanias-digitales-grid {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .campanias-digitales-card {\n    width: 100%;\n    min-width: 0;\n    min-height: 285px;\n    display: flex;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: 20px;\n    overflow: hidden;\n    text-decoration: none !important;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.11);\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n  }\n\n  .campanias-digitales-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 66, 37, 0.25);\n    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.16);\n    text-decoration: none !important;\n  }\n\n  .campanias-digitales-card:focus {\n    outline: 3px solid rgba(0, 66, 37, 0.22);\n    outline-offset: 4px;\n  }\n\n  .campanias-digitales-img {\n    width: 100%;\n    height: 205px;\n    overflow: hidden;\n    background: #e8eeeb;\n    flex-shrink: 0;\n  }\n\n  .campanias-digitales-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  .campanias-digitales-card:hover .campanias-digitales-img img {\n    transform: scale(1.04);\n  }\n\n  .campanias-digitales-body {\n    flex: 1;\n    min-height: 80px;\n    padding: 18px 14px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .campanias-digitales-body h3 {\n    width: 100%;\n    margin: 0;\n    color: #004225 !important;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n    font-size: clamp(18px, 1.55vw, 26px);\n    font-weight: 900;\n    line-height: 1.12;\n    letter-spacing: -0.3px;\n    text-wrap: balance;\n  }\n\n  @media (max-width: 1200px) {\n    .campanias-digitales-grid {\n      gap: 18px;\n    }\n\n    .campanias-digitales-img {\n      height: 185px;\n    }\n\n    .campanias-digitales-card {\n      min-height: 270px;\n    }\n  }\n\n  @media (max-width: 900px) {\n    .campanias-digitales-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .campanias-digitales-img {\n      height: 260px;\n    }\n\n    .campanias-digitales-body h3 {\n      font-size: 27px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .campanias-digitales-full {\n      padding: 18px 0;\n    }\n\n    .campanias-digitales-img {\n      height: 220px;\n    }\n\n    .campanias-digitales-card {\n      min-height: 315px;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"gobierno-videos-section\">\n\n  <div class=\"gobierno-videos-header\">\n    <h2>V\u00eddeos institucionales<\/h2>\n    <p><\/p>\n  <\/div>\n\n  <div class=\"gobierno-videos-grid\">\n\n    <!-- VIDEO 1 -->\n    <article class=\"gobierno-video-card\">\n\n      <div class=\"gobierno-video-player\">\n        <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n          <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-18-at-11.38.39-AM-1.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta la reproducci\u00f3n de videos.\n        <\/video>\n      <\/div>\n\n      <div class=\"gobierno-video-content\">\n        <span class=\"gobierno-video-label\">Gobierno Digital<\/span>\n        <h3>Transformaci\u00f3n y cultura digital<\/h3>\n        <p>\n          Conoce recomendaciones y buenas pr\u00e1cticas relacionadas con el uso\n          responsable de las herramientas digitales institucionales en el Instituto Municipal de cultura y turismo.\n        <\/p>\n      <\/div>\n\n    <\/article>\n\n\n    <!-- VIDEO 2 -->\n    <article class=\"gobierno-video-card\">\n\n      <div class=\"gobierno-video-player\">\n        <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n          <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/Un-pequeno-gesto-puede-generar-un-gran-cambio.-\ud83c\udf31Apaga-tu-computador-al-finalizar-la-jornada-y-a.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta la reproducci\u00f3n de videos.\n        <\/video>\n      <\/div>\n\n      <div class=\"gobierno-video-content\">\n        <span class=\"gobierno-video-label\">Buenas pr\u00e1cticas<\/span>\n        <h3>Apaga tu PC al finalizar la jornada<\/h3>\n        <p>\n          Una acci\u00f3n sencilla contribuye al ahorro de energ\u00eda, al cuidado de\n          los equipos y al uso responsable de los recursos institucionales.\n        <\/p>\n      <\/div>\n\n    <\/article>\n\n\n    <!-- VIDEO 3 -->\n    <article class=\"gobierno-video-card\">\n\n      <div class=\"gobierno-video-player\">\n        <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n          <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Video-Campana-Digital-PISHING.mp4\" type=\"video\/mp4\">\n          Tu navegador no soporta la reproducci\u00f3n de videos.\n        <\/video>\n      <\/div>\n\n      <div class=\"gobierno-video-content\">\n        <span class=\"gobierno-video-label\">Seguridad Digital<\/span>\n        <h3>Prevenci\u00f3n del phishing<\/h3>\n        <p>\n          Aprende a identificar mensajes, enlaces y solicitudes sospechosas\n          que pueden poner en riesgo tu informaci\u00f3n institucional.\n        <\/p>\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@600;700;800;900&display=swap');\n\n  .gobierno-videos-section,\n  .gobierno-videos-section * {\n    box-sizing: border-box;\n  }\n\n  .gobierno-videos-section {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n    padding: 34px 0;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n  }\n\n  .gobierno-videos-header {\n    width: min(900px, 100%);\n    margin: 0 auto 30px;\n    padding: 0 18px;\n    text-align: center;\n  }\n\n  .gobierno-videos-header h2 {\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(29px, 3.2vw, 48px);\n    font-weight: 900;\n    line-height: 1.08;\n    letter-spacing: -0.7px;\n  }\n\n  .gobierno-videos-header p {\n    margin: 10px 0 0;\n    color: #63736b;\n    font-size: clamp(15px, 1.3vw, 18px);\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .gobierno-videos-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  .gobierno-video-card {\n    width: 100%;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    margin: 0;\n    overflow: hidden;\n    background: #ffffff;\n    border: 1px solid rgba(0, 66, 37, 0.11);\n    border-radius: 20px;\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.11);\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .gobierno-video-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 66, 37, 0.24);\n    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.16);\n  }\n\n  .gobierno-video-player {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #000000;\n    flex-shrink: 0;\n  }\n\n  .gobierno-video-player video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    background: #000000;\n  }\n\n  .gobierno-video-content {\n    flex: 1;\n    padding: 22px 21px 25px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .gobierno-video-label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 12px;\n    padding: 7px 13px;\n    color: #ffffff;\n    background: #004225;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: 0.4px;\n    text-transform: uppercase;\n  }\n\n  .gobierno-video-content h3 {\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(20px, 1.55vw, 25px);\n    font-weight: 900;\n    line-height: 1.18;\n    letter-spacing: -0.3px;\n  }\n\n  .gobierno-video-content p {\n    margin: 12px 0 0;\n    color: #59665f;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.55;\n  }\n\n  @media (max-width: 1100px) {\n    .gobierno-videos-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .gobierno-video-card:last-child {\n      grid-column: 1 \/ -1;\n      width: min(550px, 100%);\n      justify-self: center;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .gobierno-videos-section {\n      padding: 26px 0;\n    }\n\n    .gobierno-videos-header {\n      margin-bottom: 23px;\n    }\n\n    .gobierno-videos-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .gobierno-video-card:last-child {\n      grid-column: auto;\n      width: 100%;\n    }\n\n    .gobierno-video-content {\n      padding: 20px 18px 23px;\n    }\n\n    .gobierno-video-content h3 {\n      font-size: 23px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .gobierno-video-card {\n      border-radius: 17px;\n    }\n\n    .gobierno-videos-header {\n      padding: 0 10px;\n    }\n\n    .gobierno-videos-header h2 {\n      font-size: 30px;\n    }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Campa\u00f1a Contrase\u00f1as Campa\u00f1a Correo seguro Capacitaciones V\u00eddeos institucionales Tu navegador no soporta la reproducci\u00f3n de videos. Gobierno Digital Transformaci\u00f3n y cultura digital Conoce recomendaciones y buenas pr\u00e1cticas relacionadas con el uso responsable de las herramientas digitales institucionales en el Instituto Municipal de cultura y turismo. Tu navegador no soporta la reproducci\u00f3n de videos. Buenas pr\u00e1cticas [&hellip;]<\/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-821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/821","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=821"}],"version-history":[{"count":12,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/821\/revisions"}],"predecessor-version":[{"id":852,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/821\/revisions\/852"}],"wp:attachment":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/media?parent=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}