{"id":666,"date":"2026-06-22T18:41:14","date_gmt":"2026-06-22T23:41:14","guid":{"rendered":"https:\/\/imct.gov.co\/gestioninstitucional\/?page_id=666"},"modified":"2026-08-13T08:41:54","modified_gmt":"2026-08-13T13:41:54","slug":"atencion-al-ciudadano","status":"publish","type":"page","link":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/atencion-al-ciudadano\/","title":{"rendered":"Atenci\u00f3n al ciudadano"},"content":{"rendered":"\n<section class=\"atencion-pro-full\">\n  <div class=\"atencion-pro-menu\">\n\n    <!-- ITEM 1: INTERACCI\u00d3N CON LOS CIUDADANOS -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-interaccion\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/Copia-de-Copia-de-Copia-de-Portada-2.png\" alt=\"Interacci\u00f3n con los ciudadanos\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Interacci\u00f3n con los ciudadanos<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 2: CARTA DE TRATO DIGNO -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-carta\">\n      <div class=\"atencion-pro-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-70.png\" alt=\"Carta de Trato Digno\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Carta de Trato Digno<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 3: PROTOCOLO DE ATENCI\u00d3N -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-protocolo-atencion\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/ITEM-1.png\" alt=\"Protocolo de Atenci\u00f3n\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Protocolo de Atenci\u00f3n<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 4: PROTOCOLO DE SERVICIOS -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-protocolo-servicios\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/ITEM-2.png\" alt=\"Protocolo de Servicios\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Protocolo de Servicios<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 5: REGLAMENTO -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-reglamento\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/ITEM-3.png\" alt=\"Reglamento\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Reglamento<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 6: VENTANILLA \u00daNICA -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-ventanilla\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/ITEM-4.png\" alt=\"Ventanilla \u00danica\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Ventanilla \u00danica<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 7: GESTI\u00d3N DE PQRSD -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-pqrsd\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/ITEM-5.png\" alt=\"Gesti\u00f3n de PQRSD\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Gesti\u00f3n de PQRSD<\/h3>\n      <\/div>\n    <\/button>\n\n    <!-- ITEM 8: GESTI\u00d3N DE OPAS -->\n    <button class=\"atencion-pro-card\" type=\"button\" data-atencion-open=\"atencion-modal-opas\">\n      <div class=\"atencion-pro-img\">\n        <img decoding=\"async\" src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/Copia-de-Copia-de-Copia-de-Portada-21.png\" alt=\"Gesti\u00f3n de OPAS\">\n      <\/div>\n\n      <div class=\"atencion-pro-body\">\n        <h3>Gesti\u00f3n de OPAS<\/h3>\n      <\/div>\n    <\/button>\n\n  <\/div>\n<\/section>\n\n\n<!-- MODAL 1: INTERACCI\u00d3N CON LOS CIUDADANOS -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-interaccion\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Interacci\u00f3n con los ciudadanos\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header atencion-pop-header-sin-descripcion\">\n      <h2>Interacci\u00f3n con los ciudadanos<\/h2>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n\n      <!-- VIDEO PRINCIPAL EXISTENTE -->\n      <div class=\"atencion-single-video\">\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-25-at-8.46.56-AM.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n      <\/div>\n\n      <!-- CONTENIDO ADICIONAL: DOS FILAS IMAGEN + VIDEO -->\n      <div class=\"atencion-interaccion-extra\">\n\n        <!-- FILA 1 -->\n        <div class=\"atencion-interaccion-row\">\n\n          <div class=\"atencion-extra-image-box\">\n            <img decoding=\"async\"\n              src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-8.01.37-AM-1.jpeg\"\n              alt=\"Interacci\u00f3n con los ciudadanos - Imagen 1\"\n            >\n          <\/div>\n\n          <div class=\"atencion-extra-video-column\">\n            <div class=\"atencion-media-box atencion-extra-video-box\">\n              <video controls=\"\" preload=\"metadata\" playsinline=\"\" data-atencion-expandable-video>\n                <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/lv_0_20260810145924-1.mp4\" type=\"video\/mp4\">\n                Tu navegador no soporta video HTML5.\n              <\/video>\n            <\/div>\n\n            <button\n              class=\"atencion-expand-video-btn\"\n              type=\"button\"\n              data-atencion-expand-video\n            >\n              Ampliar video\n            <\/button>\n          <\/div>\n\n        <\/div>\n\n\n        <!-- FILA 2 -->\n        <div class=\"atencion-interaccion-row\">\n\n          <div class=\"atencion-extra-image-box\">\n            <img decoding=\"async\"\n              src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-12-at-8.01.36-AM-1.jpeg\"\n              alt=\"Interacci\u00f3n con los ciudadanos - Imagen 2\"\n            >\n          <\/div>\n\n          <div class=\"atencion-extra-video-column\">\n            <div class=\"atencion-media-box atencion-extra-video-box\">\n              <video controls=\"\" preload=\"metadata\" playsinline=\"\" data-atencion-expandable-video>\n                <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/lv_0_20260810145045-1.mp4\" type=\"video\/mp4\">\n                Tu navegador no soporta video HTML5.\n              <\/video>\n            <\/div>\n\n            <button\n              class=\"atencion-expand-video-btn\"\n              type=\"button\"\n              data-atencion-expand-video\n            >\n              Ampliar video\n            <\/button>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 2: CARTA DE TRATO DIGNO -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-carta\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Carta de Trato Digno\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Carta de Trato Digno<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-video-grid\">\n\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/wp-content\/uploads\/2026\/06\/lv_0_20260507162735-Compressed-with-FlexClip-1.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/AQO06UsOh8BkKRRuejfRjSKcALQbFanziSdzRUmYN_ZDz44yzryISXc2jIZN76DqPcJILi62f4wObj9yv2f6c6cJ2rbd9Rr6uUuAHgDlmSKacQ.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 3: PROTOCOLO DE ATENCI\u00d3N -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-protocolo-atencion\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Protocolo de Atenci\u00f3n\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Protocolo de Atenci\u00f3n<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-single-video\">\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-18-at-11.05.31-AM.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 4: PROTOCOLO DE SERVICIOS -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-protocolo-servicios\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Protocolo de Servicios\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Protocolo de Servicios<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-single-video\">\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/wp-content\/uploads\/2026\/06\/lv_0_20260529170134-1-Compressed-with-FlexClip-Compressed-with-FlexClip.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 5: REGLAMENTO -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-reglamento\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Reglamento\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Reglamento<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-single-video\">\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/lv_0_20260629232714.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 6: VENTANILLA \u00daNICA -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-ventanilla\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Ventanilla \u00danica\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Ventanilla \u00danica<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n\n      <div class=\"atencion-video-grid\">\n\n        <!-- VIDEO 1 -->\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/\ud83d\udccd-Ventanilla-Unica-IMCTConoce-la-ruta-de-acceso-y-como-llegar-a-nuestro-punto-de-atencion.Conta_.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n        <!-- VIDEO 2 -->\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-28-at-9.13.48-AM.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 7: GESTI\u00d3N DE PQRSD -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-pqrsd\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Gesti\u00f3n de PQRSD\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Gesti\u00f3n de PQRSD<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-video-grid\">\n\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-27-at-8.15.47-AM.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/AQMPcBx8IQYJFUCCheZGq80I4SjwwmZs3jE9CaHX1WsF69uDp1PvotIdb8WUGaKadFqProGZwr1_fz54Ry1_UaVnL-Yj7DbF-KnqDB51g3fQ9g.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- MODAL 8: GESTI\u00d3N DE OPAS -->\n<div class=\"atencion-pop-overlay\" id=\"atencion-modal-opas\" aria-hidden=\"true\">\n  <div class=\"atencion-pop-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Gesti\u00f3n de OPAS\">\n    <button class=\"atencion-pop-close\" type=\"button\" aria-label=\"Cerrar ventana\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-pop-header\">\n      <h2>Gesti\u00f3n de OPAS<\/h2>\n      <p>Contenido institucional<\/p>\n    <\/div>\n\n    <div class=\"atencion-pop-content\">\n      <div class=\"atencion-single-video\">\n        <div class=\"atencion-media-box\">\n          <video controls=\"\" preload=\"metadata\" playsinline=\"\">\n            <source src=\"https:\/\/imct.gov.co\/gestioninstitucional\/wp-content\/uploads\/2026\/08\/AQM3clL57IUtEjavVrFTXlZnK1NQBxt1SJf4aiESumlbdJ5B759v1g8ldFQNs3XaztL18orVvK6-mitiBEs6tYtx4sqWlIu9vyQHauOcXreDnA.mp4\" type=\"video\/mp4\">\n            Tu navegador no soporta video HTML5.\n          <\/video>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"atencion-pop-footer\">\n      <button class=\"atencion-pop-btn-close\" type=\"button\">\n        Cerrar ventana\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<!-- VISOR GRANDE PARA LOS VIDEOS ADICIONALES DE INTERACCI\u00d3N -->\n<div class=\"atencion-expand-overlay\" id=\"atencion-expand-overlay\" aria-hidden=\"true\">\n  <div class=\"atencion-expand-backdrop\"><\/div>\n\n  <div class=\"atencion-expand-window\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video ampliado\">\n    <button class=\"atencion-expand-close\" id=\"atencion-expand-close\" type=\"button\" aria-label=\"Cerrar video ampliado\">\n      \u00d7\n    <\/button>\n\n    <div class=\"atencion-expand-video-wrap\">\n      <video id=\"atencion-expand-video\" controls=\"\" playsinline=\"\" preload=\"metadata\">\n        Tu navegador no soporta video HTML5.\n      <\/video>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&display=swap');\n\n  .atencion-pro-full,\n  .atencion-pro-full *,\n  .atencion-pop-overlay,\n  .atencion-pop-overlay * {\n    box-sizing: border-box;\n  }\n\n  .atencion-pro-full {\n    width: 100%;\n    max-width: 1500px;\n    margin: 0 auto;\n    padding: 26px 0;\n  }\n\n  \/*\n    DISTRIBUCI\u00d3N:\n    Cuatro tarjetas por fila en escritorio.\n    Con 8 tarjetas: 4 + 4.\n  *\/\n  .atencion-pro-menu {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 22px;\n    align-items: stretch;\n  }\n\n  .atencion-pro-card {\n    width: 100%;\n    min-width: 0;\n    min-height: 295px;\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    padding: 0;\n    cursor: pointer;\n    appearance: none;\n    font-family:\n      'Nunito',\n      'Arial Rounded MT Bold',\n      'Trebuchet MS',\n      Arial,\n      sans-serif;\n  }\n\n\n  .atencion-pro-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 66, 37, 0.22);\n    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.16);\n  }\n\n  .atencion-pro-card:focus-visible {\n    outline: 3px solid rgba(0, 66, 37, 0.22);\n    outline-offset: 4px;\n  }\n\n  .atencion-pro-img {\n    width: 100%;\n    height: 215px;\n    overflow: hidden;\n    background: #e8eeeb;\n    flex-shrink: 0;\n  }\n\n  .atencion-pro-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  .atencion-pro-card:hover .atencion-pro-img img {\n    transform: scale(1.04);\n  }\n\n  .atencion-pro-body {\n    flex: 1;\n    min-width: 0;\n    padding: 18px 14px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .atencion-pro-body h3 {\n    width: 100%;\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(17px, 1.3vw, 24px);\n    font-weight: 900;\n    line-height: 1.12;\n    letter-spacing: -0.3px;\n    text-wrap: balance;\n    overflow-wrap: normal;\n    word-break: normal;\n  }\n\n  \/* MODALES *\/\n  .atencion-pop-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    width: 100%;\n    height: 100%;\n    padding: 24px;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.74);\n    backdrop-filter: blur(5px);\n  }\n\n  .atencion-pop-overlay.is-active {\n    display: flex;\n  }\n\n  .atencion-pop-window {\n    position: relative;\n    width: min(1250px, 100%);\n    max-height: calc(100vh - 48px);\n    overflow-y: auto;\n    background: #ffffff;\n    border-radius: 24px;\n    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.36);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    animation: atencionPopIn 0.25s ease;\n  }\n\n  @keyframes atencionPopIn {\n    from {\n      opacity: 0;\n      transform: translateY(16px) scale(0.98);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  .atencion-pop-close {\n    position: sticky;\n    top: 16px;\n    float: right;\n    z-index: 4;\n    width: 46px;\n    height: 46px;\n    margin: 16px 16px 0 0;\n    border: none;\n    border-radius: 999px;\n    background: #004225;\n    color: #ffffff;\n    font-family: Arial, sans-serif;\n    font-size: 34px;\n    line-height: 42px;\n    font-weight: 800;\n    cursor: pointer;\n    box-shadow: 0 10px 24px rgba(0, 66, 37, 0.28);\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease;\n  }\n\n  .atencion-pop-close:hover {\n    background: #026438;\n    transform: scale(1.05);\n  }\n\n  .atencion-pop-header {\n    padding: 34px 34px 10px;\n    text-align: center;\n    clear: both;\n  }\n\n  .atencion-pop-header-sin-descripcion {\n    padding-bottom: 4px;\n  }\n\n  .atencion-pop-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(28px, 3vw, 46px);\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -0.6px;\n  }\n\n  .atencion-pop-header p {\n    margin: 8px 0 0;\n    color: #5c6f66;\n    font-family: 'Nunito', Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  .atencion-pop-content {\n    width: 100%;\n    padding: 26px 34px 34px;\n  }\n\n  .atencion-single-video {\n    width: min(980px, 100%);\n    margin: 0 auto;\n  }\n\n  \/* DOS VIDEOS DE VENTANILLA \u00daNICA *\/\n  .atencion-video-grid {\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  .atencion-media-box {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background: #f3f6f4;\n    border-radius: 18px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .atencion-media-box video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    background: #000000;\n  }\n\n\n  \/* =========================================\n     INTERACCI\u00d3N CON LOS CIUDADANOS:\n     VIDEO PRINCIPAL + DOS FILAS IMAGEN \/ VIDEO\n     ========================================= *\/\n\n  .atencion-interaccion-extra {\n    width: 100%;\n    margin-top: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n  }\n\n  .atencion-interaccion-row {\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  .atencion-extra-image-box {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background: #f3f6f4;\n    border-radius: 18px;\n    overflow: hidden;\n    border: 1px solid rgba(0, 66, 37, 0.10);\n    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .atencion-extra-image-box img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n    object-position: center;\n    background: #f3f6f4;\n  }\n\n  .atencion-extra-video-column {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .atencion-extra-video-box {\n    flex: 1;\n  }\n\n  .atencion-expand-video-btn {\n    align-self: center;\n    min-width: 170px;\n    border: none;\n    border-radius: 999px;\n    background: #004225;\n    color: #ffffff;\n    font-family: 'Nunito', Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 900;\n    padding: 11px 24px;\n    cursor: pointer;\n    box-shadow: 0 9px 20px rgba(0, 66, 37, 0.22);\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .atencion-expand-video-btn:hover {\n    background: #026438;\n    transform: translateY(-2px);\n    box-shadow: 0 13px 25px rgba(0, 66, 37, 0.28);\n  }\n\n  \/* VISOR GRANDE DE VIDEO *\/\n  .atencion-expand-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000001;\n    width: 100%;\n    height: 100%;\n    padding: 24px;\n    display: none;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .atencion-expand-overlay.is-active {\n    display: flex;\n  }\n\n  .atencion-expand-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.88);\n    backdrop-filter: blur(6px);\n  }\n\n  .atencion-expand-window {\n    position: relative;\n    z-index: 2;\n    width: min(1100px, 96vw);\n    padding: 20px;\n    background: #ffffff;\n    border-radius: 22px;\n    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);\n  }\n\n  .atencion-expand-video-wrap {\n    width: 100%;\n    max-height: 82vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #000000;\n    border-radius: 16px;\n  }\n\n  .atencion-expand-video-wrap video {\n    width: 100%;\n    max-height: 82vh;\n    display: block;\n    object-fit: contain;\n    background: #000000;\n  }\n\n  .atencion-expand-close {\n    position: absolute;\n    top: -15px;\n    right: -15px;\n    z-index: 5;\n    width: 46px;\n    height: 46px;\n    border: none;\n    border-radius: 999px;\n    background: #004225;\n    color: #ffffff;\n    font-family: Arial, sans-serif;\n    font-size: 32px;\n    line-height: 42px;\n    cursor: pointer;\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);\n  }\n\n  .atencion-expand-close:hover {\n    background: #026438;\n  }\n\n  .atencion-pop-footer {\n    padding: 0 34px 34px;\n    display: flex;\n    justify-content: center;\n  }\n\n  .atencion-pop-btn-close {\n    border: none;\n    border-radius: 999px;\n    background: #004225;\n    color: #ffffff;\n    font-family: 'Nunito', Arial, sans-serif;\n    font-size: 16px;\n    font-weight: 900;\n    padding: 13px 28px;\n    cursor: pointer;\n    box-shadow: 0 10px 22px rgba(0, 66, 37, 0.22);\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease;\n  }\n\n  .atencion-pop-btn-close:hover {\n    background: #026438;\n    transform: translateY(-2px);\n  }\n\n  body.atencion-modal-open {\n    overflow: hidden;\n  }\n\n  \/* TABLET: DOS TARJETAS POR FILA *\/\n  @media (max-width: 1100px) {\n    .atencion-pro-menu {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n    }\n\n    .atencion-pro-card {\n      grid-column: span 1;\n    }\n\n    .atencion-pro-img {\n      height: 230px;\n    }\n  }\n\n  @media (max-width: 850px) {\n    .atencion-video-grid {\n      grid-template-columns: 1fr;\n      width: min(760px, 100%);\n      margin: 0 auto;\n      gap: 22px;\n    }\n\n    .atencion-interaccion-row {\n      grid-template-columns: 1fr;\n      width: min(760px, 100%);\n      margin: 0 auto;\n      gap: 18px;\n    }\n\n    .atencion-interaccion-extra {\n      gap: 28px;\n    }\n  }\n\n  \/* CELULAR: UNA TARJETA POR FILA *\/\n  @media (max-width: 700px) {\n    .atencion-pro-menu {\n      grid-template-columns: 1fr;\n    }\n\n    .atencion-pro-card {\n      grid-column: span 1;\n    }\n\n    .atencion-pro-img {\n      height: 235px;\n    }\n\n    .atencion-pro-card {\n      min-height: 320px;\n    }\n\n    .atencion-pro-body h3 {\n      font-size: 25px;\n    }\n\n    .atencion-pop-overlay {\n      padding: 14px;\n    }\n\n    .atencion-pop-window {\n      max-height: calc(100vh - 28px);\n      border-radius: 20px;\n    }\n\n    .atencion-pop-header {\n      padding: 30px 20px 8px;\n    }\n\n    .atencion-pop-header-sin-descripcion {\n      padding-bottom: 2px;\n    }\n\n    .atencion-pop-content {\n      padding: 22px 18px 28px;\n    }\n\n    .atencion-pop-footer {\n      padding: 0 18px 28px;\n    }\n\n    .atencion-media-box {\n      border-radius: 14px;\n    }\n\n    .atencion-pop-close {\n      width: 42px;\n      height: 42px;\n      font-size: 30px;\n      line-height: 38px;\n    }\n\n    .atencion-expand-overlay {\n      padding: 12px;\n    }\n\n    .atencion-expand-window {\n      width: calc(100vw - 18px);\n      padding: 10px;\n      border-radius: 16px;\n    }\n\n    .atencion-expand-close {\n      top: -10px;\n      right: -6px;\n      width: 42px;\n      height: 42px;\n      font-size: 29px;\n      line-height: 38px;\n    }\n  }\n<\/style>\n\n\n<script>\n  (function () {\n    const openButtons = document.querySelectorAll('[data-atencion-open]');\n    const modals = document.querySelectorAll('.atencion-pop-overlay');\n\n    const expandOverlay = document.getElementById('atencion-expand-overlay');\n    const expandVideo = document.getElementById('atencion-expand-video');\n    const expandClose = document.getElementById('atencion-expand-close');\n    const expandBackdrop = expandOverlay\n      ? expandOverlay.querySelector('.atencion-expand-backdrop')\n      : null;\n\n    let originalExpandedVideo = null;\n\n    function pauseVideos(modal) {\n      const videos = modal.querySelectorAll('video');\n\n      videos.forEach(function (video) {\n        video.pause();\n      });\n    }\n\n    function openModal(id) {\n      const modal = document.getElementById(id);\n\n      if (!modal) {\n        return;\n      }\n\n      modals.forEach(function (item) {\n        item.classList.remove('is-active');\n        item.setAttribute('aria-hidden', 'true');\n        pauseVideos(item);\n      });\n\n      modal.classList.add('is-active');\n      modal.setAttribute('aria-hidden', 'false');\n      document.body.classList.add('atencion-modal-open');\n    }\n\n    function closeExpandedVideo() {\n      if (!expandOverlay || !expandVideo) {\n        return;\n      }\n\n      if (originalExpandedVideo) {\n        try {\n          originalExpandedVideo.currentTime = expandVideo.currentTime || 0;\n        } catch (error) {\n          \/* El navegador puede bloquear el cambio antes de cargar metadatos *\/\n        }\n      }\n\n      expandVideo.pause();\n      expandVideo.removeAttribute('src');\n      expandVideo.load();\n\n      expandOverlay.classList.remove('is-active');\n      expandOverlay.setAttribute('aria-hidden', 'true');\n\n      originalExpandedVideo = null;\n    }\n\n    function closeModal(modal) {\n      if (!modal) {\n        return;\n      }\n\n      closeExpandedVideo();\n\n      modal.classList.remove('is-active');\n      modal.setAttribute('aria-hidden', 'true');\n      document.body.classList.remove('atencion-modal-open');\n      pauseVideos(modal);\n    }\n\n    function openExpandedVideo(sourceVideo) {\n      if (!expandOverlay || !expandVideo || !sourceVideo) {\n        return;\n      }\n\n      const sourceElement = sourceVideo.querySelector('source');\n      const videoUrl = sourceElement\n        ? sourceElement.getAttribute('src')\n        : sourceVideo.currentSrc;\n\n      if (!videoUrl) {\n        return;\n      }\n\n      originalExpandedVideo = sourceVideo;\n\n      const currentTime = sourceVideo.currentTime || 0;\n      const wasPlaying = !sourceVideo.paused;\n\n      sourceVideo.pause();\n\n      expandVideo.src = videoUrl;\n      expandVideo.load();\n\n      expandVideo.addEventListener(\n        'loadedmetadata',\n        function setExpandedTime() {\n          try {\n            expandVideo.currentTime = currentTime;\n          } catch (error) {\n            \/* Contin\u00faa desde el inicio si el navegador no permite posicionar a\u00fan *\/\n          }\n\n          if (wasPlaying) {\n            const playPromise = expandVideo.play();\n\n            if (playPromise && typeof playPromise.catch === 'function') {\n              playPromise.catch(function () {});\n            }\n          }\n        },\n        { once: true }\n      );\n\n      expandOverlay.classList.add('is-active');\n      expandOverlay.setAttribute('aria-hidden', 'false');\n    }\n\n    openButtons.forEach(function (button) {\n      button.addEventListener('click', function () {\n        const modalId = button.getAttribute('data-atencion-open');\n        openModal(modalId);\n      });\n    });\n\n    modals.forEach(function (modal) {\n      const closeButtons = modal.querySelectorAll(\n        '.atencion-pop-close, .atencion-pop-btn-close'\n      );\n\n      closeButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          closeModal(modal);\n        });\n      });\n\n      modal.addEventListener('click', function (event) {\n        if (event.target === modal) {\n          closeModal(modal);\n        }\n      });\n    });\n\n    document.querySelectorAll('[data-atencion-expand-video]').forEach(function (button) {\n      button.addEventListener('click', function () {\n        const column = button.closest('.atencion-extra-video-column');\n\n        if (!column) {\n          return;\n        }\n\n        const sourceVideo = column.querySelector('[data-atencion-expandable-video]');\n        openExpandedVideo(sourceVideo);\n      });\n    });\n\n    if (expandClose) {\n      expandClose.addEventListener('click', closeExpandedVideo);\n    }\n\n    if (expandBackdrop) {\n      expandBackdrop.addEventListener('click', closeExpandedVideo);\n    }\n\n    document.addEventListener('keydown', function (event) {\n      if (event.key === 'Escape') {\n        if (expandOverlay && expandOverlay.classList.contains('is-active')) {\n          closeExpandedVideo();\n          return;\n        }\n\n        const activeModal = document.querySelector(\n          '.atencion-pop-overlay.is-active'\n        );\n\n        if (activeModal) {\n          closeModal(activeModal);\n        }\n      }\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Interacci\u00f3n con los ciudadanos Carta de Trato Digno Protocolo de Atenci\u00f3n Protocolo de Servicios Reglamento Ventanilla \u00danica Gesti\u00f3n de PQRSD Gesti\u00f3n de OPAS \u00d7 Interacci\u00f3n con los ciudadanos Tu navegador no soporta video HTML5. Tu navegador no soporta video HTML5. Ampliar video Tu navegador no soporta video HTML5. Ampliar video Cerrar ventana \u00d7 Carta de [&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-666","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/666","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=666"}],"version-history":[{"count":8,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":1000,"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/pages\/666\/revisions\/1000"}],"wp:attachment":[{"href":"https:\/\/imct.gov.co\/gestioninstitucional\/index.php\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}