Valores Institucionales \u2014 C\u00f3digo de Integridad Metrosalud<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --navy:#20404F;\r\n --paper:#FCFBF7;\r\n --ink-soft:#4E5F52;\r\n --line:#E7E2D6;\r\n\r\n --diligencia:#F0A24E; --diligencia-deep:#D6863A; --diligencia-bright:#E6B485;\r\n --honestidad:#B7B233; --honestidad-deep:#9A9628; --honestidad-bright:#C0BE7A;\r\n --respeto:#DD6178; --respeto-deep:#C24762; --respeto-bright:#D98D9E;\r\n --compromiso:#3E6690; --compromiso-deep:#2E4F72; --compromiso-bright:#7D92A8;\r\n --justicia:#5FA745; --justicia-deep:#478435; --justicia-bright:#8DB382;\r\n --humanidad:#068C93; --humanidad-deep:#046F75; --humanidad-bright:#63A6A9;\r\n --solidaridad:#7D3F94; --solidaridad-deep:#623177; --solidaridad-bright:#9E7FAB;\r\n\r\n --shadow:0 16px 34px -18px rgba(20,40,50,.5);\r\n }\r\n *{ box-sizing:border-box; }\r\n html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n font-family:'Poppins', ui-sans-serif, system-ui, sans-serif;\r\n color:var(--navy);\r\n }\r\n .display{ font-family:'Baloo 2','Poppins',sans-serif; }\r\n\r\n \/* ---------------- tab bar (sticky) ---------------- *\/\r\n .tabbar-wrap{\r\n position:sticky;\r\n top:0;\r\n z-index:40;\r\n background:var(--paper);\r\n padding:10px 0 14px;\r\n box-shadow:0 6px 16px -12px rgba(20,40,50,.35);\r\n }\r\n .tabbar{\r\n max-width:1040px;\r\n margin:0 auto;\r\n display:flex;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n gap:8px;\r\n padding:0 16px;\r\n }\r\n .tab{\r\n position:relative;\r\n overflow:hidden;\r\n border:none;\r\n cursor:pointer;\r\n border-radius:999px;\r\n padding:9px 16px;\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-weight:600;\r\n font-size:13.5px;\r\n color:#fff;\r\n background:var(--c);\r\n box-shadow:0 6px 14px -8px rgba(0,0,0,.35);\r\n transform:translateY(0) scale(1);\r\n transition:transform .2s cubic-bezier(.3,1.5,.4,1), box-shadow .2s ease, opacity .2s ease;\r\n opacity:.62;\r\n }\r\n .tab::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:repeating-linear-gradient(135deg, rgba(255,255,255,.32) 0 8px, transparent 8px 16px);\r\n background-size:200% 200%;\r\n animation:stripeShift 7s linear infinite;\r\n pointer-events:none;\r\n }\r\n .tab:hover{ opacity:.85; transform:translateY(-2px) scale(1.03); }\r\n .tab.active{\r\n opacity:1;\r\n transform:translateY(-2px) scale(1.06);\r\n box-shadow:0 10px 20px -8px rgba(0,0,0,.45);\r\n }\r\n .tab.active::after{\r\n content:\"\";\r\n position:absolute; left:50%; bottom:-9px;\r\n width:8px; height:8px;\r\n background:var(--c);\r\n transform:translateX(-50%) rotate(45deg);\r\n }\r\n @keyframes stripeShift{\r\n 0%{ background-position:0 0; }\r\n 100%{ background-position:200px 0; }\r\n }\r\n\r\n \/* ---------------- value sections ---------------- *\/\r\n .value{\r\n position:relative;\r\n background:var(--c);\r\n overflow:hidden;\r\n padding:46px 6vw 54px;\r\n \/* visible por defecto: la animaci\u00f3n de entrada es un extra que aplica el JS,\r\n nunca una condici\u00f3n para poder ver el contenido *\/\r\n opacity:1;\r\n transform:none;\r\n }\r\n .value.pre-reveal{\r\n opacity:0;\r\n transform:translateY(34px);\r\n transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);\r\n }\r\n .value.pre-reveal.visible{ opacity:1; transform:translateY(0); }\r\n\r\n .value::before{\r\n \/* textura sutil de fondo en toda la secci\u00f3n *\/\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 26px, transparent 26px 52px);\r\n pointer-events:none;\r\n }\r\n .value .icon-watermark{\r\n position:absolute;\r\n right:-40px; bottom:-40px;\r\n width:260px; height:260px;\r\n opacity:.1;\r\n transform:rotate(-12deg);\r\n pointer-events:none;\r\n }\r\n .value.pre-reveal.visible .icon-watermark{\r\n animation:wmIn 1s ease-out .1s both;\r\n }\r\n @keyframes wmIn{\r\n from{ opacity:0; transform:rotate(-12deg) scale(.7); }\r\n to{ opacity:.1; transform:rotate(-12deg) scale(1); }\r\n }\r\n\r\n .value-inner{\r\n position:relative;\r\n max-width:900px;\r\n margin:0 auto;\r\n }\r\n\r\n .value-header{\r\n --rot:-1.1deg;\r\n position:relative;\r\n overflow:hidden;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:16px;\r\n \/* degradado de color que se desplaza en bucle, como el de las pesta\u00f1as\r\n del men\u00fa, pero sin la textura de rayas *\/\r\n background:linear-gradient(115deg, var(--c-deep), var(--c-bright), var(--c-deep), var(--c-bright));\r\n background-size:320% 320%;\r\n animation:colorFlow 7s ease-in-out infinite;\r\n border-radius:20px;\r\n padding:18px 28px 18px 20px;\r\n box-shadow:var(--shadow);\r\n transform:rotate(var(--rot));\r\n margin-bottom:26px;\r\n cursor:pointer;\r\n transition:transform .3s cubic-bezier(.3,1.6,.35,1), box-shadow .3s ease;\r\n }\r\n .value:nth-child(even) .value-header{ --rot:1.1deg; }\r\n @keyframes colorFlow{\r\n 0%{ background-position:0% 50%; }\r\n 50%{ background-position:100% 50%; }\r\n 100%{ background-position:0% 50%; }\r\n }\r\n \/* hover real con el mouse *\/\r\n .value-header:hover{\r\n transform:rotate(var(--rot)) scale(1.04);\r\n box-shadow:0 20px 38px -16px rgba(0,0,0,.55);\r\n }\r\n \/* revelado suave al entrar en pantalla mientras se baja la p\u00e1gina *\/\r\n .value.pre-reveal .value-header{\r\n transform:rotate(var(--rot)) translateY(18px);\r\n opacity:0;\r\n transition:transform .6s cubic-bezier(.2,.8,.2,1), opacity .5s ease;\r\n }\r\n .value.pre-reveal.visible .value-header{\r\n opacity:1;\r\n transform:rotate(var(--rot)) translateY(0);\r\n }\r\n\r\n .value-icon{\r\n position:relative;\r\n flex:none;\r\n width:56px; height:56px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.18);\r\n display:flex; align-items:center; justify-content:center;\r\n transform:scale(1) rotate(0deg);\r\n opacity:1;\r\n transition:transform .4s cubic-bezier(.3,1.6,.35,1), background .25s ease;\r\n }\r\n .value-header:hover .value-icon{\r\n transform:scale(1.1) rotate(-8deg);\r\n background:rgba(255,255,255,.28);\r\n }\r\n .value.pre-reveal .value-icon{\r\n transform:scale(.4);\r\n opacity:0;\r\n transition:transform .55s cubic-bezier(.3,1.7,.35,1), opacity .4s ease;\r\n }\r\n .value.pre-reveal.visible .value-icon{ transform:scale(1); opacity:1; transition-delay:.25s; }\r\n .value-icon svg{ width:28px; height:28px; color:#fff; }\r\n\r\n .value-header h3{\r\n position:relative;\r\n margin:0;\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:clamp(26px,3.6vw,38px);\r\n color:#fff;\r\n letter-spacing:.3px;\r\n }\r\n\r\n .value-text{\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-weight:500;\r\n font-size:clamp(16px,1.9vw,19px);\r\n line-height:1.6;\r\n color:#fff;\r\n max-width:680px;\r\n }\r\n .value-text b{ font-weight:700; }\r\n\r\n .value-badge{\r\n position:absolute;\r\n top:6px;\r\n right:0;\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-size:12.5px;\r\n font-weight:600;\r\n color:rgba(255,255,255,.85);\r\n background:rgba(255,255,255,.16);\r\n border-radius:999px;\r\n padding:5px 12px;\r\n }\r\n\r\n @media (max-width:640px){\r\n .value{ padding:38px 6vw 44px; }\r\n .value-header{ padding:14px 20px 14px 14px; gap:12px; }\r\n .value-icon{ width:46px; height:46px; }\r\n .value-icon svg{ width:22px; height:22px; }\r\n .value-badge{ position:static; display:inline-block; margin-bottom:14px; }\r\n }\r\n\r\n \/* ---------------- footer ribbon ---------------- *\/\r\n .closing-ribbon{\r\n display:flex;\r\n flex-wrap:wrap;\r\n }\r\n .closing-ribbon span{\r\n flex:1 1 auto;\r\n min-width:110px;\r\n height:10px;\r\n }\r\n\r\n @media (prefers-reduced-motion:reduce){\r\n .tab::before{ animation:none !important; }\r\n .value{ transition:none; opacity:1; transform:none; }\r\n .value-header{ animation:none !important; transition:none; opacity:1; transform:rotate(var(--rot)); background-position:0% 50%; }\r\n .value-icon{ transition:none; opacity:1; transform:none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"tabbar-wrap\">\r\n <nav class=\"tabbar\" id=\"tabbar\">\r\n <button class=\"tab\" data-target=\"v-respeto\" style=\"--c:var(--respeto)\">Respeto<\/button>\r\n <button class=\"tab\" data-target=\"v-compromiso\" style=\"--c:var(--compromiso)\">Compromiso<\/button>\r\n <button class=\"tab\" data-target=\"v-diligencia\" style=\"--c:var(--diligencia)\">Diligencia<\/button>\r\n <button class=\"tab\" data-target=\"v-justicia\" style=\"--c:var(--justicia)\">Justicia<\/button>\r\n <button class=\"tab\" data-target=\"v-honestidad\" style=\"--c:var(--honestidad)\">Honestidad<\/button>\r\n <button class=\"tab\" data-target=\"v-humanidad\" style=\"--c:var(--humanidad)\">Humanidad<\/button>\r\n <button class=\"tab\" data-target=\"v-solidaridad\" style=\"--c:var(--solidaridad)\">Solidaridad<\/button>\r\n <\/nav>\r\n<\/div>\r\n\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n <defs>\r\n <symbol id=\"i-handshake\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M268.9 85.2L152.3 214.8c-4.6 5.1-4.4 13 .5 17.9 30.5 30.5 80 30.5 110.5 0l31.8-31.8c4.2-4.2 9.5-6.5 14.9-6.9 6.8-.6 13.8 1.7 19 6.9L505.6 376 576 320 576 32 464 96 440.2 80.1C424.4 69.6 405.9 64 386.9 64l-70.4 0c-1.1 0-2.3 0-3.4 .1-16.9 .9-32.8 8.5-44.2 21.1zM116.6 182.7L223.4 64 183.8 64c-25.5 0-49.9 10.1-67.9 28.1L112 96 0 32 0 320 156.4 450.3c23 19.2 52 29.7 81.9 29.7l15.7 0-7-7c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l41 41 9 0c19.1 0 37.8-4.3 54.8-12.3L359 441c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l32 32 17.5-17.5c8.9-8.9 11.5-21.8 7.6-33.1l-137.9-136.8-14.9 14.9c-49.3 49.3-129.1 49.3-178.4 0-23-23-23.9-59.9-2.2-84z\"\/><\/symbol>\r\n <symbol id=\"i-check-circle\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zM374 145.7c-10.7-7.8-25.7-5.4-33.5 5.3L221.1 315.2 169 263.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l72 72c5 5 11.8 7.5 18.8 7s13.4-4.1 17.5-9.8L379.3 179.2c7.8-10.7 5.4-25.7-5.3-33.5z\"\/><\/symbol>\r\n <symbol id=\"i-clock\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 0a256 256 0 1 1 0 512 256 256 0 1 1 0-512zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\"\/><\/symbol>\r\n <symbol id=\"i-scale\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M384 32l128 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L398.4 96c-5.2 25.8-22.9 47.1-46.4 57.3l0 294.7 160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-384 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l160 0 0-294.7c-23.5-10.3-41.2-31.6-46.4-57.3L128 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l128 0c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32zm55.6 288L584.4 320 512 195.8 439.6 320zM512 416c-62.9 0-115.2-34-126-78.9-2.6-11 1-22.3 6.7-32.1l95.2-163.2c5-8.6 14.2-13.8 24.1-13.8s19.1 5.3 24.1 13.8l95.2 163.2c5.7 9.8 9.3 21.1 6.7 32.1-10.8 44.8-63.1 78.9-126 78.9zM126.8 195.8L54.4 320 199.3 320 126.8 195.8zM.9 337.1c-2.6-11 1-22.3 6.7-32.1l95.2-163.2c5-8.6 14.2-13.8 24.1-13.8s19.1 5.3 24.1 13.8l95.2 163.2c5.7 9.8 9.3 21.1 6.7 32.1-10.8 44.8-63.1 78.9-126 78.9S11.7 382 .9 337.1z\"\/><\/symbol>\r\n <symbol id=\"i-comment\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 480c141.4 0 256-107.5 256-240S397.4 0 256 0 0 107.5 0 240c0 54.3 19.2 104.3 51.6 144.5L2.8 476.8c-4.8 9-3.3 20 3.6 27.5s17.8 9.8 27.1 5.8l118.4-50.7C183.7 472.6 218.9 480 256 480zM128 208a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 0a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm96 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"\/><\/symbol>\r\n <symbol id=\"i-hand-heart\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M279.6 31C265.5 11.5 242.9 0 218.9 0 177.5 0 144 33.5 144 74.9l0 2.4c0 64.4 82 133.4 122.2 163.3 13 9.7 30.5 9.7 43.5 0 40.2-30 122.2-98.9 122.2-163.3l0-2.4c0-41.4-33.5-74.9-74.9-74.9-24 0-46.6 11.5-60.7 31L288 42.7 279.6 31zM109.3 341.5L66.7 384 32 384c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l320.5 0c29 0 57.3-9.3 80.7-26.5l126.6-93.3c17.8-13.1 21.6-38.1 8.5-55.9s-38.1-21.6-55.9-8.5L392.6 416 280 416c-13.3 0-24-10.7-24-24s10.7-24 24-24l72 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-152.2 0c-33.9 0-66.5 13.5-90.5 37.5z\"\/><\/symbol>\r\n <symbol id=\"i-hands\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M80 104c0-22.1-17.9-40-40-40S0 81.9 0 104L0 325.5c0 25.5 10.1 49.9 28.1 67.9L128 493.3c12 12 28.3 18.7 45.3 18.7l66.7 0c26.5 0 48-21.5 48-48l0-78.9c0-29.7-11.8-58.2-32.8-79.2l-25.3-25.3 0 0c-7.3-7.3-23.1-23.1-47.2-47.2-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3c24.1 24.1 39.9 39.9 47.2 47.2 11 11 9.2 29.2-3.7 37.8-9.7 6.5-22.7 5.2-31-3.1L98.7 309.5c-12-12-18.7-28.3-18.7-45.3L80 104zm480 0l0 160.2c0 17-6.7 33.3-18.7 45.3l-51.1 51.1c-8.3 8.3-21.3 9.6-31 3.1-12.9-8.6-14.7-26.9-3.7-37.8 7.3-7.3 23.1-23.1 47.2-47.2 12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-24.1 24.1-39.9 39.9-47.2 47.2l0 0-25.3 25.3c-21 21-32.8 49.5-32.8 79.2l0 78.9c0 26.5 21.5 48 48 48l66.7 0c17 0 33.3-6.7 45.3-18.7l99.9-99.9c18-18 28.1-42.4 28.1-67.9L640 104c0-22.1-17.9-40-40-40s-40 17.9-40 40z\"\/><\/symbol>\r\n <\/defs>\r\n<\/svg>\r\n\r\n<section class=\"value\" id=\"v-respeto\" style=\"--c:var(--respeto); --c-deep:var(--respeto-deep); --c-bright:var(--respeto-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 576 512\"><use href=\"#i-handshake\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">1 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-handshake\"\/><\/svg><\/span>\r\n <h3>Respeto<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Valoro, reconozco y trato de manera <b>digna a todas las personas<\/b> con sus virtudes y defectos, sin importar su labor, su procedencia, t\u00edtulos o cualquier otra condici\u00f3n.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-compromiso\" style=\"--c:var(--compromiso); --c-deep:var(--compromiso-deep); --c-bright:var(--compromiso-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 512 512\"><use href=\"#i-check-circle\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">2 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-check-circle\"\/><\/svg><\/span>\r\n <h3>Compromiso<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Soy consciente de la importancia de mi rol como servidor p\u00fablico y estoy en disposici\u00f3n permanente para <b>comprender y resolver las necesidades<\/b> de las personas con las que me relaciono en mis labores cotidianas, buscando siempre mejorar su bienestar.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-diligencia\" style=\"--c:var(--diligencia); --c-deep:var(--diligencia-deep); --c-bright:var(--diligencia-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 512 512\"><use href=\"#i-clock\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">3 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-clock\"\/><\/svg><\/span>\r\n <h3>Diligencia<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Cumplo con los deberes, funciones y responsabilidades asignadas a mi cargo de la mejor manera posible, con <b>atenci\u00f3n, prontitud, destreza y eficiencia<\/b>, para as\u00ed optimizar el uso de los recursos del Estado.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-justicia\" style=\"--c:var(--justicia); --c-deep:var(--justicia-deep); --c-bright:var(--justicia-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 640 512\"><use href=\"#i-scale\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">4 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-scale\"\/><\/svg><\/span>\r\n <h3>Justicia<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Act\u00fao con imparcialidad garantizando los derechos de las personas, con <b>equidad, igualdad y sin discriminaci\u00f3n<\/b>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-honestidad\" style=\"--c:var(--honestidad); --c-deep:var(--honestidad-deep); --c-bright:var(--honestidad-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 512 512\"><use href=\"#i-comment\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">5 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-comment\"\/><\/svg><\/span>\r\n <h3>Honestidad<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Act\u00fao siempre con <b>fundamento en la verdad<\/b>, cumpliendo mis deberes con transparencia y rectitud, favoreciendo el inter\u00e9s general.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-humanidad\" style=\"--c:var(--humanidad); --c-deep:var(--humanidad-deep); --c-bright:var(--humanidad-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 576 512\"><use href=\"#i-hand-heart\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">6 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-hand-heart\"\/><\/svg><\/span>\r\n <h3>Humanidad<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Las personas son nuestra raz\u00f3n de ser y lo demostramos en la forma como nos relacionamos con los dem\u00e1s, brind\u00e1ndoles <b>trato digno, \u00e9tico e integral<\/b> con alta sensibilidad social.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"value\" id=\"v-solidaridad\" style=\"--c:var(--solidaridad); --c-deep:var(--solidaridad-deep); --c-bright:var(--solidaridad-bright);\">\r\n <svg class=\"icon-watermark\" viewBox=\"0 0 640 512\"><use href=\"#i-hands\" style=\"color:#fff\"\/><\/svg>\r\n <div class=\"value-inner\">\r\n <span class=\"value-badge\">7 de 7<\/span>\r\n <div class=\"value-header\">\r\n <span class=\"value-icon\"><svg><use href=\"#i-hands\"\/><\/svg><\/span>\r\n <h3>Solidaridad<\/h3>\r\n <\/div>\r\n <p class=\"value-text\">Construyo y colaboro con las dem\u00e1s personas para conseguir un fin com\u00fan, dejando a un lado los prejuicios personales para <b>construir relaciones de confianza<\/b>.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"closing-ribbon\" aria-hidden=\"true\">\r\n <span style=\"background:var(--respeto)\"><\/span>\r\n <span style=\"background:var(--compromiso)\"><\/span>\r\n <span style=\"background:var(--diligencia)\"><\/span>\r\n <span style=\"background:var(--justicia)\"><\/span>\r\n <span style=\"background:var(--honestidad)\"><\/span>\r\n <span style=\"background:var(--humanidad)\"><\/span>\r\n <span style=\"background:var(--solidaridad)\"><\/span>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var tabs = Array.prototype.slice.call(document.querySelectorAll('.tab'));\r\n var sections = tabs.map(function(t){ return document.getElementById(t.getAttribute('data-target')); });\r\n\r\n tabs.forEach(function(tab){\r\n tab.addEventListener('click', function(){\r\n var target = document.getElementById(tab.getAttribute('data-target'));\r\n if(target){\r\n var y = target.getBoundingClientRect().top + window.pageYOffset - 74;\r\n window.scrollTo({top:y, behavior:'smooth'});\r\n }\r\n });\r\n });\r\n\r\n \/\/ reveal animations: opt-in only (el contenido ya es visible por CSS si el\r\n \/\/ JS no corre); \"pre-reveal\" activa la animaci\u00f3n de entrada como extra.\r\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n if(!reduce && 'IntersectionObserver' in window){\r\n sections.forEach(function(s){ if(s) s.classList.add('pre-reveal'); });\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n if(entry.isIntersecting){\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, {threshold:.18});\r\n sections.forEach(function(s){ if(s) io.observe(s); });\r\n \/\/ red de seguridad, sin adelantarse al scroll normal: si despu\u00e9s de un\r\n \/\/ buen rato una secci\u00f3n sigue sin activarse Y la p\u00e1gina nunca se movi\u00f3\r\n \/\/ (indicio real de que el observer no est\u00e1 funcionando), se revela.\r\n \/\/ Si el usuario s\u00ed ha estado bajando la p\u00e1gina, no se fuerza nada: el\r\n \/\/ efecto de \"auto-hover\" debe llegar cuando la secci\u00f3n entra en pantalla,\r\n \/\/ no antes.\r\n var scrolled = false;\r\n window.addEventListener('scroll', function(){ scrolled = true; }, {passive:true, once:true});\r\n setTimeout(function(){\r\n if(!scrolled){\r\n sections.forEach(function(s){ if(s) s.classList.add('visible'); });\r\n }\r\n }, 6000);\r\n }\r\n\r\n var spy = new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n var idx = sections.indexOf(entry.target);\r\n if(idx === -1) return;\r\n if(entry.isIntersecting){\r\n tabs.forEach(function(t){ t.classList.remove('active'); });\r\n tabs[idx].classList.add('active');\r\n }\r\n });\r\n }, {rootMargin:'-45% 0px -45% 0px'});\r\n sections.forEach(function(s){ if(s) spy.observe(s); });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8c3a025 e-flex e-con-boxed e-con e-parent\" data-id=\"8c3a025\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-374eb8b elementor-widget elementor-widget-html\" data-id=\"374eb8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Bot\u00f3n Descarga \u2014 Pol\u00edtica de Integridad Metrosalud<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --navy:#20404F;\r\n --paper:#FCFBF7;\r\n\r\n --c1:#C24762; \/* respeto *\/\r\n --c2:#2E4F72; \/* compromiso *\/\r\n --c3:#046F75; \/* humanidad *\/\r\n --c4:#623177; \/* solidaridad *\/\r\n\r\n --ring:rgba(46,79,114,.45);\r\n --shadow:0 18px 40px -18px rgba(20,40,50,.55);\r\n }\r\n *{ box-sizing:border-box; }\r\n html{ -webkit-text-size-adjust:100%; }\r\n body{\r\n margin:0;\r\n background:var(--paper);\r\n font-family:'Poppins', ui-sans-serif, system-ui, sans-serif;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:60px 20px;\r\n }\r\n\r\n .stage{\r\n position:relative;\r\n display:flex;\r\n justify-content:center;\r\n }\r\n\r\n \/* ---------- anillo de pulso detr\u00e1s del bot\u00f3n ---------- *\/\r\n .cta-glow{\r\n position:absolute;\r\n inset:-4px;\r\n border-radius:24px;\r\n background:linear-gradient(120deg, var(--c1), var(--c2), var(--c3), var(--c4));\r\n filter:blur(8px);\r\n opacity:.4;\r\n z-index:0;\r\n animation:glowPulse 3.2s ease-in-out infinite;\r\n pointer-events:none;\r\n }\r\n @keyframes glowPulse{\r\n 0%,100%{ opacity:.28; transform:scale(.99); }\r\n 50%{ opacity:.5; transform:scale(1.01); }\r\n }\r\n\r\n \/* ---------- bot\u00f3n principal ---------- *\/\r\n .cta-btn{\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:20px;\r\n text-decoration:none;\r\n padding:22px 30px;\r\n border-radius:22px;\r\n background:linear-gradient(115deg, var(--c2), var(--c4), var(--c3), var(--c2));\r\n background-size:320% 320%;\r\n animation:colorFlow 8s ease-in-out infinite, popIn .7s cubic-bezier(.24,.9,.25,1.2) both;\r\n box-shadow:var(--shadow);\r\n cursor:pointer;\r\n transform:translateY(0) scale(1);\r\n transition:transform .28s cubic-bezier(.3,1.6,.35,1), box-shadow .28s ease;\r\n }\r\n .cta-btn:hover{\r\n transform:translateY(-5px) scale(1.02);\r\n box-shadow:0 26px 50px -18px rgba(20,40,50,.65);\r\n animation-duration:3.5s, .7s;\r\n }\r\n .cta-btn:active{\r\n transform:translateY(-1px) scale(.97);\r\n }\r\n @keyframes colorFlow{\r\n 0%{ background-position:0% 50%; }\r\n 50%{ background-position:100% 50%; }\r\n 100%{ background-position:0% 50%; }\r\n }\r\n @keyframes popIn{\r\n 0%{ opacity:0; transform:translateY(18px) scale(.85); }\r\n 100%{ opacity:1; transform:translateY(0) scale(1); }\r\n }\r\n\r\n \/* brillo que recorre el bot\u00f3n cada cierto tiempo *\/\r\n .cta-btn::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n border-radius:22px;\r\n background:linear-gradient(75deg, transparent 40%, rgba(255,255,255,.5) 50%, transparent 60%);\r\n transform:translateX(-160%);\r\n animation:sweep 4.5s ease-in-out infinite;\r\n pointer-events:none;\r\n }\r\n @keyframes sweep{\r\n 0%, 55%{ transform:translateX(-160%); }\r\n 80%{ transform:translateX(160%); }\r\n 100%{ transform:translateX(160%); }\r\n }\r\n\r\n .cta-icon-wrap{\r\n position:relative;\r\n flex:none;\r\n width:58px; height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.18);\r\n display:flex; align-items:center; justify-content:center;\r\n animation:bob 3.4s ease-in-out infinite;\r\n }\r\n @keyframes bob{\r\n 0%,100%{ transform:translateY(0) rotate(0deg); }\r\n 50%{ transform:translateY(-4px) rotate(-4deg); }\r\n }\r\n .cta-icon-wrap svg{ width:28px; height:28px; color:#fff; }\r\n\r\n .cta-text{\r\n display:flex;\r\n flex-direction:column;\r\n gap:3px;\r\n }\r\n .cta-title{\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-weight:800;\r\n font-size:clamp(19px,2.6vw,24px);\r\n color:#fff;\r\n line-height:1.15;\r\n }\r\n .cta-sub{\r\n font-family:'Poppins',sans-serif;\r\n font-weight:600;\r\n font-size:12.5px;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.85);\r\n }\r\n\r\n .cta-arrow{\r\n position:relative;\r\n flex:none;\r\n width:44px; height:44px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.22);\r\n display:flex; align-items:center; justify-content:center;\r\n overflow:hidden;\r\n }\r\n .cta-arrow svg{\r\n width:19px; height:19px;\r\n color:#fff;\r\n animation:arrowDrop 1.8s cubic-bezier(.3,.6,.3,1) infinite;\r\n }\r\n @keyframes arrowDrop{\r\n 0%{ transform:translateY(-9px); opacity:0; }\r\n 35%{ opacity:1; }\r\n 60%{ transform:translateY(0); opacity:1; }\r\n 75%{ transform:translateY(0); opacity:1; }\r\n 100%{ transform:translateY(9px); opacity:0; }\r\n }\r\n .cta-btn:hover .cta-arrow{ background:rgba(255,255,255,.32); }\r\n\r\n .badge{\r\n position:absolute;\r\n top:-11px;\r\n right:18px;\r\n z-index:2;\r\n background:#fff;\r\n color:var(--c2);\r\n font-family:'Baloo 2','Poppins',sans-serif;\r\n font-weight:700;\r\n font-size:11px;\r\n letter-spacing:.06em;\r\n padding:4px 11px;\r\n border-radius:999px;\r\n box-shadow:0 6px 14px -6px rgba(0,0,0,.35);\r\n animation:badgeIn .6s cubic-bezier(.24,.9,.25,1.2) .35s both, badgePulse 2.6s ease-in-out 1s infinite;\r\n }\r\n @keyframes badgeIn{\r\n from{ opacity:0; transform:translateY(6px) scale(.7); }\r\n to{ opacity:1; transform:translateY(0) scale(1); }\r\n }\r\n @keyframes badgePulse{\r\n 0%,100%{ transform:scale(1); }\r\n 50%{ transform:scale(1.08); }\r\n }\r\n\r\n @media (max-width:520px){\r\n .cta-btn{ padding:18px 20px; gap:14px; }\r\n .cta-icon-wrap{ width:48px; height:48px; }\r\n .cta-icon-wrap svg{ width:23px; height:23px; }\r\n .cta-arrow{ width:38px; height:38px; }\r\n }\r\n\r\n @media (prefers-reduced-motion:reduce){\r\n .cta-glow, .cta-btn, .cta-btn::after, .cta-icon-wrap, .cta-arrow svg, .badge{\r\n animation:none !important;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n <defs>\r\n <symbol id=\"i-file-shield\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M96 0C60.7 0 32 28.7 32 64l0 384c0 35.3 28.7 64 64 64l201.2 0C261 469.4 240 414.5 240 356.4l0-31.1c0-34.4 22-65 54.7-75.9l112-37.3c3.1-1 6.2-1.8 9.3-2.5l0-39.1c0-17-6.7-33.3-18.7-45.3L290.7 18.7C278.7 6.7 262.5 0 245.5 0L96 0zM357.5 176L264 176c-13.3 0-24-10.7-24-24L240 58.5 357.5 176zm87.8 312.5l-13.3 6.3 0-188.1 96 32 0 19.6c0 55.8-32.2 106.5-82.7 130.3zM421.9 259.5l-112 37.3c-13.1 4.4-21.9 16.6-21.9 30.4l0 31.1c0 74.4 43 142.1 110.2 173.7l18.5 8.7c4.8 2.2 10 3.4 15.2 3.4s10.5-1.2 15.2-3.4l18.5-8.7C533 500.3 576 432.6 576 358.2l0-31.1c0-13.8-8.8-26-21.9-30.4l-112-37.3c-6.6-2.2-13.7-2.2-20.2 0z\"\/><\/symbol>\r\n <symbol id=\"i-download\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M256 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 210.7-41.4-41.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 242.7 256 32zM64 320c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-46.9 0-56.6 56.6c-31.2 31.2-81.9 31.2-113.1 0L110.9 320 64 320zm304 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z\"\/><\/symbol>\r\n <\/defs>\r\n<\/svg>\r\n\r\n<div class=\"stage\">\r\n <span class=\"cta-glow\" aria-hidden=\"true\"><\/span>\r\n <span class=\"badge\">PDF<\/span>\r\n\r\n \r\n <a class=\"cta-btn\" href=\"https:\/\/metrosalud.gov.co\/wp-content\/uploads\/2026\/07\/PE01-PO-49-Politica-de-Integridad.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"cta-icon-wrap\"><svg><use href=\"#i-file-shield\"\/><\/svg><\/span>\r\n <span class=\"cta-text\">\r\n <span class=\"cta-title\">Pol\u00edtica de Integridad<\/span>\r\n <span class=\"cta-sub\">PE01-PO-49 \u00b7 Descargar PDF<\/span>\r\n <\/span>\r\n <span class=\"cta-arrow\"><svg><use href=\"#i-download\"\/><\/svg><\/span>\r\n <\/a>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Valores Institucionales Los servidores p\u00fablicos de la ESE Metrosalud est\u00e1n comprometidos con la adopci\u00f3n y la apropiaci\u00f3n con conciencia, disciplina y compromiso de los valores institucionales descritos en el C\u00f3digo […]<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13627","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/pages\/13627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/comments?post=13627"}],"version-history":[{"count":0,"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/pages\/13627\/revisions"}],"wp:attachment":[{"href":"https:\/\/metrosalud.gov.co\/en\/wp-json\/wp\/v2\/media?parent=13627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}