{"id":1459,"date":"2026-05-05T12:29:48","date_gmt":"2026-05-05T17:29:48","guid":{"rendered":"https:\/\/new-web.hospitalsantamonica.gov.co\/?page_id=1459"},"modified":"2026-05-20T09:46:50","modified_gmt":"2026-05-20T14:46:50","slug":"carta-de-trato-digno","status":"publish","type":"page","link":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/carta-de-trato-digno\/","title":{"rendered":"Carta de Trato Digno"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1459\" class=\"elementor elementor-1459\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0c119b e-con e-atomic-element e-flexbox-base e-800ae30 \" data-id=\"e0c119b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e0c119b\">\n    \t\t<div class=\"elementor-element elementor-element-5d8255d elementor-widget elementor-widget-html\" data-id=\"5d8255d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"info-container\">\r\n    <h2 class=\"section-title\">Canales de Atenci\u00f3n y Compromiso<\/h2>\r\n    \r\n    <div class=\"info-grid\">\r\n        <div class=\"cool-card\">\r\n            <div class=\"card-bg-svg\">\r\n                <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M0,100 C150,200 350,0 500,100 L500,0 L0,0 Z\" fill=\"#e3f2fd\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003366\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                <\/div>\r\n                <h3>Canal de Atenci\u00f3n Escrito<\/h3>\r\n                <p>Ventanilla \u00fanica de recepci\u00f3n y buzones de sugerencias en todas nuestras sedes para radicar sus documentos f\u00edsicamente.<\/p>\r\n                <div class=\"card-meta\">Horario: L-J 7am - 5pm<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cool-card highlight\">\r\n            <div class=\"card-bg-svg\">\r\n                <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M0,80 C200,150 300,50 500,120 L500,0 L0,0 Z\" fill=\"#003366\" opacity=\"0.1\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003366\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3>Carta del Trato Digno<\/h3>\r\n                <p>Nos comprometemos a ser un hospital confiable, humanizado y seguro, socializando sus deberes y derechos en cada atenci\u00f3n.<\/p>\r\n                <button class=\"btn-action\">Leer Compromiso<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cool-card\">\r\n            <div class=\"card-bg-svg\">\r\n                <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M0,100 C150,50 350,150 500,80 L500,0 L0,0 Z\" fill=\"#e8f5e9\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"card-body\">\r\n                <div class=\"icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\r\n                <\/div>\r\n                <h3>Canal Virtual<\/h3>\r\n                <p>Acceda a trav\u00e9s de nuestra p\u00e1gina web para tr\u00e1mites en l\u00ednea, correos institucionales y nuestras redes sociales oficiales.<\/p>\r\n                <div class=\"card-tags\">\r\n                    <span>Facebook<\/span> <span>Instagram<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Estilos Generales *\/\r\n    .info-container {\r\n        padding: 50px 20px;\r\n        background-color: #ffffff;\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    .section-title {\r\n        text-align: center;\r\n        color: #003366;\r\n        font-size: 32px;\r\n        margin-bottom: 40px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* La Tarjeta Cool *\/\r\n    .cool-card {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        border: 1px solid #eee;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .cool-card:hover {\r\n        transform: translateY(-12px);\r\n        box-shadow: 0 20px 40px rgba(0, 51, 102, 0.1);\r\n        border-color: #003366;\r\n    }\r\n\r\n    \/* Fondo SVG *\/\r\n    .card-bg-svg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100px;\r\n        z-index: 0;\r\n    }\r\n\r\n    .card-bg-svg svg {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .card-body {\r\n        padding: 30px;\r\n        padding-top: 50px;\r\n        position: relative;\r\n        z-index: 1;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .icon-wrapper {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #fff;\r\n        border-radius: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 8px 15px rgba(0,0,0,0.1);\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .icon-wrapper svg {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .cool-card h3 {\r\n        color: #003366;\r\n        font-size: 22px;\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cool-card p {\r\n        color: #444;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    \/* Detalles adicionales *\/\r\n    .card-meta {\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        color: #666;\r\n        background: #f0f0f0;\r\n        padding: 5px 12px;\r\n        border-radius: 20px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .btn-action {\r\n        background: #003366;\r\n        color: #fff;\r\n        border: none;\r\n        padding: 12px;\r\n        border-radius: 10px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .btn-action:hover {\r\n        background: #0056b3;\r\n    }\r\n\r\n    .card-tags span {\r\n        font-size: 13px;\r\n        background: #e8f5e9;\r\n        color: #2e7d32;\r\n        padding: 4px 10px;\r\n        border-radius: 10px;\r\n        margin-right: 5px;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .section-title { font-size: 26px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-65a6d17 e-con e-atomic-element e-flexbox-base e-a6d6615 \" data-id=\"65a6d17\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"65a6d17\">\n    \t\t<div class=\"elementor-element elementor-element-047fe29 elementor-widget elementor-widget-html\" data-id=\"047fe29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"transparencia-container\">\r\n    <h2 class=\"main-title\">Derechos y Deberes del Usuario<\/h2>\r\n    \r\n    <div class=\"acordeon-grid\">\r\n        <div class=\"acordeon-column\">\r\n            <h3 class=\"col-title deberes-title\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\r\n                Nuestros Deberes\r\n            <\/h3>\r\n            \r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>1. Informaci\u00f3n veraz y completa<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Suministrar informaci\u00f3n veraz, clara y completa sobre su estado de salud y datos de contacto.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>2. Cumplir normas y protocolos<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Seguir las normas y protocolos establecidos por la instituci\u00f3n para su seguridad y la de los dem\u00e1s.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>3. Cuidado de instalaciones<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Cuidar y hacer uso racional de las instalaciones, recursos y dotaci\u00f3n del hospital.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <div class=\"acordeon-column\">\r\n            <h3 class=\"col-title derechos-title\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>\r\n                Nuestros Derechos\r\n            <\/h3>\r\n\r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>1. Atenci\u00f3n humana y oportuna<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Recibir una atenci\u00f3n con calidad, calidez, humanizada y sin discriminaci\u00f3n alguna.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>2. Informaci\u00f3n clara y suficiente<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Recibir informaci\u00f3n clara sobre su diagn\u00f3stico, tratamiento, riesgos y beneficios esperados.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n\r\n            <div class=\"acordeon-item\">\r\n                <details>\r\n                    <summary>3. Consentimiento informado<\/summary>\r\n                    <div class=\"acordeon-content\">\r\n                        Aceptar o rechazar procedimientos despu\u00e9s de haber sido informado adecuadamente.\r\n                    <\/div>\r\n                <\/details>\r\n            <\/div>\r\n             <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .transparencia-container {\r\n        max-width: 1100px;\r\n        margin: 20px auto;\r\n        padding: 20px;\r\n        font-family: 'Segoe UI', Tahoma, sans-serif;\r\n    }\r\n\r\n    .main-title {\r\n        text-align: center;\r\n        color: #003366;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .acordeon-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    .col-title {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        padding: 15px;\r\n        border-radius: 8px 8px 0 0;\r\n        margin: 0;\r\n        color: white;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .deberes-title { background-color: #00796b; } \/* Verde esmeralda *\/\r\n    .derechos-title { background-color: #003366; } \/* Azul Hospital *\/\r\n\r\n    .acordeon-item {\r\n        border: 1px solid #ddd;\r\n        border-top: none;\r\n        background: #fff;\r\n    }\r\n\r\n    .acordeon-item summary {\r\n        padding: 18px;\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        list-style: none;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        color: #333;\r\n        transition: background 0.3s;\r\n    }\r\n\r\n    .acordeon-item summary::after {\r\n        content: '+';\r\n        font-size: 24px;\r\n        color: #003366;\r\n    }\r\n\r\n    .acordeon-item details[open] summary::after {\r\n        content: '\u2212';\r\n    }\r\n\r\n    .acordeon-item summary:hover {\r\n        background: #f0f7ff;\r\n    }\r\n\r\n    .acordeon-content {\r\n        padding: 20px;\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #444;\r\n        border-top: 1px solid #eee;\r\n        background: #fafafa;\r\n    }\r\n\r\n    \/* Accesibilidad: Foco visible para navegaci\u00f3n por teclado *\/\r\n    .acordeon-item summary:focus {\r\n        outline: 3px solid #ffcc00;\r\n        background: #f0f7ff;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .acordeon-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Canales de Atenci\u00f3n y Compromiso Canal de Atenci\u00f3n Escrito Ventanilla \u00fanica de recepci\u00f3n y buzones de sugerencias en todas nuestras sedes para radicar sus documentos f\u00edsicamente. Horario: L-J 7am &#8211; 5pm Carta del Trato Digno Nos comprometemos a ser un hospital confiable, humanizado y seguro, socializando sus deberes y derechos en cada atenci\u00f3n. Leer Compromiso [&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-1459","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/1459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/comments?post=1459"}],"version-history":[{"count":4,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/1459\/revisions"}],"predecessor-version":[{"id":2255,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/1459\/revisions\/2255"}],"wp:attachment":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/media?parent=1459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}