{"id":433,"date":"2026-04-17T10:12:02","date_gmt":"2026-04-17T15:12:02","guid":{"rendered":"https:\/\/new-web.hospitalsantamonica.gov.co\/?page_id=433"},"modified":"2026-04-29T10:02:24","modified_gmt":"2026-04-29T15:02:24","slug":"centros-de-atencion-ambulatorios","status":"publish","type":"page","link":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/centros-de-atencion-ambulatorios\/","title":{"rendered":"Centros de Atencion Ambulatorios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"433\" class=\"elementor elementor-433\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb8f3e0 e-grid e-con-boxed e-con e-parent\" data-id=\"cb8f3e0\" 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-d002bbb elementor-widget elementor-widget-html\" data-id=\"d002bbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carrusel-centros-container\">\r\n    <div class=\"carrusel-centros-track\" id=\"trackCentros\">\r\n        <div class=\"centro-slide\">\r\n            <div class=\"centro-card-azul\">\r\n                <h4 class=\"centro-titulo\">Centro de Atencion Ambulatorio Villa Carola<\/h4>\r\n                <ul class=\"centro-lista\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <span>Parque Recreacional Villa Carola Dosquebradas, Risaralda<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                        <span>(606) 330250 Ext 140<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                        <span class=\"break-word\">coordinacionambulatoria@hospitalsantamonica.gov.co<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n  <!-- Reemplaza el link largo por el de 'Insertar mapa' de Google Maps -->\r\n             <button class=\"btn-centro\" onclick=\"abrirMapa('https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d248.46652383900837!2d-75.65574356315959!3d4.861574059663827!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e38879f920c6599%3A0x371c47508f04bff3!2sVilla%20carola!5e0!3m2!1ses!2sco!4v1777408014852!5m2!1ses!2sco')\">\r\n    Ver Ubicaci\u00f3n\r\n<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <div class=\"carrusel-dots\" id=\"dotsCentros\"><\/div>\r\n<\/div>\r\n   <div id=\"modalMapa\" class=\"map-modal\">\r\n     <div class=\"map-modal-content\">\r\n        <span class=\"close-modal\" onclick=\"cerrarMapa()\">&times;<\/span>\r\n      <iframe id=\"iframeMapa\" src=\"\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n \r\n.carrusel-centros-container {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding-bottom: 50px;\r\n}\r\n\r\n.carrusel-centros-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n}\r\n\r\n.centro-slide {\r\n    flex: 0 0 100%;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.centro-card-azul {\r\n    background-color: #e1f0ff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    \/* QUITAMOS EL HEIGHT FIJO *\/\r\n    height: auto !important; \r\n    min-height: 350px; \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.centro-titulo {\r\n    color: #0056b3;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 20px;\r\n    border-bottom: 2px solid #007bff;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.centro-lista {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 20px 0;\r\n    flex-grow: 1; \/* Esto empuja el bot\u00f3n hacia abajo equitativamente *\/\r\n}\r\n\r\n.centro-lista li {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n    align-items: flex-start;\r\n    color: #004085;\r\n    font-size: 0.9rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n.break-word {\r\n    word-break: break-all; \/* Evita que los correos largos rompan el dise\u00f1o *\/\r\n}\r\n\r\n.btn-centro {\r\n    background: #007bff;\r\n    color: #fff !important;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n *\/\r\n.carrusel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #ccc;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #007bff;\r\n    width: 25px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.btn-centro:hover {\r\n    background: #0056b3; \/* Un azul m\u00e1s oscuro al presionar o pasar el mouse *\/\r\n    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.btn-centro:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Contenedor oscuro de fondo *\/\r\n.map-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 10000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.8);\r\n    backdrop-filter: blur(4px);\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Caja del mapa *\/\r\n.map-modal-content {\r\n    background-color: #fff;\r\n    padding: 15px;\r\n    border-radius: 20px;\r\n    width: 90%;\r\n    max-width: 700px;\r\n    position: relative;\r\n}\r\n\/* Bot\u00f3n de cierre del modal *\/\r\n.close-modal {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n    color: #007bff;\r\n    cursor: pointer;\r\n    transition: color 0.3s ease;\r\n    z-index: 10001;\r\n}\r\n\r\n.close-modal:hover {\r\n    color: #0056b3;\r\n}\r\n\r\n\r\n \r\n<\/style>\r\n<script>\r\nfunction abrirMapa(urlEmbed) {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    iframe.src = urlEmbed; \/\/ Carga el link del mapa\r\n    modal.style.display = \"flex\"; \/\/ Muestra el modal\r\n}\r\n\r\nfunction cerrarMapa() {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    modal.style.display = \"none\"; \/\/ Oculta el modal\r\n    iframe.src = \"\"; \/\/ Limpia el mapa para que no gaste internet de fondo\r\n}\r\n\r\n\/\/ Cerrar si hacen clic fuera del mapa\r\nwindow.onclick = function(event) {\r\n    const modal = document.getElementById('modalMapa');\r\n    if (event.target == modal) { cerrarMapa(); }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a430e5 elementor-widget elementor-widget-html\" data-id=\"4a430e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cara-atras-rect-hsm\">\r\n    <div class=\"contenido-contacto-rect-hsm\">\r\n        <h4 class=\"titulo-contacto-hsm\">Centro de Atencion Ambulatorio El Balso<\/h4>\r\n        \r\n        <ul class=\"lista-contacto-rect-hsm\">\r\n            <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                <span>Calle 3 No. 22-31 Dosquebradas, Risaralda<\/span>\r\n            <\/li>\r\n            <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                <span>(606) 330250 Ext 140<\/span>\r\n            <\/li>\r\n            <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                <span class=\"wrap-email-hsm\">coordinacionambulatoria@hospitalsantamonica.gov.co<\/span>\r\n            <\/li>\r\n            <li>\r\n                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                <span class=\"wrap-email-hsm\">coordinacionconsulta@hospitalsantamonica.gov.co<\/span>\r\n            <\/li>\r\n        <\/ul>\r\n        \r\n     <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contenedor Ajustado para Hospital Santa M\u00f3nica *\/\r\n.cara-atras-rect-hsm { \r\n    width: 100% !important;\r\n    max-width: 500px; \/* L\u00edmite de ancho para que no se vea gigante en PC *\/\r\n    min-height: auto !important; \/* Permitimos que crezca seg\u00fan el texto *\/\r\n    background-color: #e1f0ff !important; \r\n    border-radius: 15px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 25px !important;\r\n    box-sizing: border-box !important;\r\n    margin: 10px auto !important;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\r\n}\r\n\r\n.contenido-contacto-rect-hsm {\r\n    width: 100% !important;\r\n}\r\n\r\n.titulo-contacto-hsm {\r\n    color: #0056b3 !important;\r\n    font-size: 1.2rem !important;\r\n    margin: 0 0 15px 0 !important;\r\n    font-weight: bold !important;\r\n    border-bottom: 2px solid #007bff !important;\r\n    padding-bottom: 8px !important;\r\n    font-family: sans-serif !important;\r\n}\r\n\r\n.lista-contacto-rect-hsm {\r\n    list-style: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 0 20px 0 !important;\r\n}\r\n\r\n.lista-contacto-rect-hsm li {\r\n    display: flex !important;\r\n    align-items: flex-start !important; \/* Alinea \u00edconos arriba si el texto baja *\/\r\n    gap: 12px !important;\r\n    color: #004085 !important; \r\n    font-size: 0.9rem !important;\r\n    margin-bottom: 12px !important;\r\n    line-height: 1.4 !important;\r\n    font-family: sans-serif !important;\r\n}\r\n\r\n\/* IMPORTANTE: Evita que el correo se salga en m\u00f3vil *\/\r\n.wrap-email-hsm {\r\n    word-break: break-all !important;\r\n}\r\n\r\n.lista-contacto-rect-hsm svg {\r\n    flex-shrink: 0 !important;\r\n    margin-top: 2px !important;\r\n}\r\n\r\n.btn-rect-azul-hsm {\r\n    background: #007bff !important;\r\n    color: #ffffff !important;\r\n    padding: 12px 20px !important;\r\n    border-radius: 8px !important;\r\n    text-decoration: none !important;\r\n    font-size: 0.9rem !important;\r\n    font-weight: bold !important;\r\n    display: block !important;\r\n    width: fit-content !important;\r\n    margin: 0 auto !important;\r\n    transition: background 0.3s !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.btn-rect-azul-hsm:hover {\r\n    background: #0056b3 !important;\r\n}\r\n\r\n\/* Ajuste extra para pantallas muy peque\u00f1as *\/\r\n@media (max-width: 400px) {\r\n    .cara-atras-rect-hsm {\r\n        padding: 15px !important;\r\n    }\r\n    .titulo-contacto-hsm {\r\n        font-size: 1.1rem !important;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c52c56 elementor-widget elementor-widget-html\" data-id=\"4c52c56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carrusel-centros-container\">\r\n    <div class=\"carrusel-centros-track\" id=\"trackCentros\">\r\n        <div class=\"centro-slide\">\r\n            <div class=\"centro-card-azul\">\r\n                <h4 class=\"centro-titulo\">Centro de Atencion Ambulatorio Jap\u00f3n<\/h4>\r\n                <ul class=\"centro-lista\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <span>Calle 9 No. 24-28 Dosquebradas, Risaralda<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                        <span>(606) 330250 Ext 140<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                        <span class=\"break-word\">coordinacionambulatoria@hospitalsantamonica.gov.co<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n  <!-- Reemplaza el link largo por el de 'Insertar mapa' de Google Maps -->\r\n            <button class=\"btn-centro\" onclick=\"abrirMapa('https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d590.9955348452237!2d-75.67863533705385!3d4.81666127907236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e38872e19cc173d%3A0x6afb391a9760ee61!2sCl.%209%20%23%2024-28%2C%20Dosquebradas%2C%20Risaralda!5e0!3m2!1ses!2sco!4v1777473871272!5m2!1ses!2sco')\">\r\n\t\t\t\tVer Ubicaci\u00f3n\r\n\t\t\t<\/button>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <div class=\"carrusel-dots\" id=\"dotsCentros\"><\/div>\r\n<\/div>\r\n   <div id=\"modalMapa\" class=\"map-modal\">\r\n     <div class=\"map-modal-content\">\r\n        <span class=\"close-modal\" onclick=\"cerrarMapa()\">&times;<\/span>\r\n      <iframe id=\"iframeMapa\" src=\"\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n \r\n.carrusel-centros-container {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding-bottom: 50px;\r\n}\r\n\r\n.carrusel-centros-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n}\r\n\r\n.centro-slide {\r\n    flex: 0 0 100%;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.centro-card-azul {\r\n    background-color: #e1f0ff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    \/* QUITAMOS EL HEIGHT FIJO *\/\r\n    height: auto !important; \r\n    min-height: 350px; \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.centro-titulo {\r\n    color: #0056b3;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 20px;\r\n    border-bottom: 2px solid #007bff;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.centro-lista {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 20px 0;\r\n    flex-grow: 1; \/* Esto empuja el bot\u00f3n hacia abajo equitativamente *\/\r\n}\r\n\r\n.centro-lista li {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n    align-items: flex-start;\r\n    color: #004085;\r\n    font-size: 0.9rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n.break-word {\r\n    word-break: break-all; \/* Evita que los correos largos rompan el dise\u00f1o *\/\r\n}\r\n\r\n.btn-centro {\r\n    background: #007bff;\r\n    color: #fff !important;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n *\/\r\n.carrusel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #ccc;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #007bff;\r\n    width: 25px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.btn-centro:hover {\r\n    background: #0056b3; \/* Un azul m\u00e1s oscuro al presionar o pasar el mouse *\/\r\n    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.btn-centro:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Contenedor oscuro de fondo *\/\r\n.map-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 10000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.8);\r\n    backdrop-filter: blur(4px);\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Caja del mapa *\/\r\n.map-modal-content {\r\n    background-color: #fff;\r\n    padding: 15px;\r\n    border-radius: 20px;\r\n    width: 90%;\r\n    max-width: 700px;\r\n    position: relative;\r\n}\r\n\/* Bot\u00f3n de cierre del modal *\/\r\n.close-modal {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n    color: #007bff;\r\n    cursor: pointer;\r\n    transition: color 0.3s ease;\r\n    z-index: 10001;\r\n}\r\n\r\n.close-modal:hover {\r\n    color: #0056b3;\r\n}\r\n\r\n\r\n \r\n<\/style>\r\n<script>\r\nfunction abrirMapa(urlEmbed) {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    iframe.src = urlEmbed; \/\/ Carga el link del mapa\r\n    modal.style.display = \"flex\"; \/\/ Muestra el modal\r\n}\r\n\r\nfunction cerrarMapa() {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    modal.style.display = \"none\"; \/\/ Oculta el modal\r\n    iframe.src = \"\"; \/\/ Limpia el mapa para que no gaste internet de fondo\r\n}\r\n\r\n\/\/ Cerrar si hacen clic fuera del mapa\r\nwindow.onclick = function(event) {\r\n    const modal = document.getElementById('modalMapa');\r\n    if (event.target == modal) { cerrarMapa(); }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5854754 e-grid e-con-boxed e-con e-parent\" data-id=\"5854754\" 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-6c0178a elementor-widget elementor-widget-html\" data-id=\"6c0178a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carrusel-centros-container\">\r\n    <div class=\"carrusel-centros-track\" id=\"trackCentros\">\r\n        <div class=\"centro-slide\">\r\n            <div class=\"centro-card-azul\">\r\n                <h4 class=\"centro-titulo\">Centro de Atencion Ambulatorio Frailes<\/h4>\r\n                <ul class=\"centro-lista\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <span>Calle 9 No. 24-28 Dosquebradas, Risaralda<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                        <span>(606) 330250 Ext 140<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                        <span class=\"break-word\">coordinacionambulatoria@hospitalsantamonica.gov.co<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n  <!-- Reemplaza el link largo por el de 'Insertar mapa' de Google Maps -->\r\n          <button class=\"btn-centro\" onclick=\"abrirMapa('https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d702.8204318716956!2d-75.664998082445!3d4.812463681290613!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3886d77fbf24db%3A0x1a64e638344f9cfc!2sCra.%2040b%20%23%2014B-7%2C%20Dosquebradas%2C%20Risaralda!5e0!3m2!1ses!2sco!4v1777474176120!5m2!1ses!2sco')\">\r\n\t\t  Ver Ubicaci\u00f3n\r\n\t\t<\/button>\r\n\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <div class=\"carrusel-dots\" id=\"dotsCentros\"><\/div>\r\n<\/div>\r\n   <div id=\"modalMapa\" class=\"map-modal\">\r\n     <div class=\"map-modal-content\">\r\n        <span class=\"close-modal\" onclick=\"cerrarMapa()\">&times;<\/span>\r\n      <iframe id=\"iframeMapa\" src=\"\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n \r\n.carrusel-centros-container {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding-bottom: 50px;\r\n}\r\n\r\n.carrusel-centros-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n}\r\n\r\n.centro-slide {\r\n    flex: 0 0 100%;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.centro-card-azul {\r\n    background-color: #e1f0ff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    \/* QUITAMOS EL HEIGHT FIJO *\/\r\n    height: auto !important; \r\n    min-height: 350px; \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.centro-titulo {\r\n    color: #0056b3;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 20px;\r\n    border-bottom: 2px solid #007bff;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.centro-lista {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 20px 0;\r\n    flex-grow: 1; \/* Esto empuja el bot\u00f3n hacia abajo equitativamente *\/\r\n}\r\n\r\n.centro-lista li {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n    align-items: flex-start;\r\n    color: #004085;\r\n    font-size: 0.9rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n.break-word {\r\n    word-break: break-all; \/* Evita que los correos largos rompan el dise\u00f1o *\/\r\n}\r\n\r\n.btn-centro {\r\n    background: #007bff;\r\n    color: #fff !important;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n *\/\r\n.carrusel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #ccc;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #007bff;\r\n    width: 25px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.btn-centro:hover {\r\n    background: #0056b3; \/* Un azul m\u00e1s oscuro al presionar o pasar el mouse *\/\r\n    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.btn-centro:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Contenedor oscuro de fondo *\/\r\n.map-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 10000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.8);\r\n    backdrop-filter: blur(4px);\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Caja del mapa *\/\r\n.map-modal-content {\r\n    background-color: #fff;\r\n    padding: 15px;\r\n    border-radius: 20px;\r\n    width: 90%;\r\n    max-width: 700px;\r\n    position: relative;\r\n}\r\n\/* Bot\u00f3n de cierre del modal *\/\r\n.close-modal {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n    color: #007bff;\r\n    cursor: pointer;\r\n    transition: color 0.3s ease;\r\n    z-index: 10001;\r\n}\r\n\r\n.close-modal:hover {\r\n    color: #0056b3;\r\n}\r\n\r\n\r\n \r\n<\/style>\r\n<script>\r\nfunction abrirMapa(urlEmbed) {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    iframe.src = urlEmbed; \/\/ Carga el link del mapa\r\n    modal.style.display = \"flex\"; \/\/ Muestra el modal\r\n}\r\n\r\nfunction cerrarMapa() {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    modal.style.display = \"none\"; \/\/ Oculta el modal\r\n    iframe.src = \"\"; \/\/ Limpia el mapa para que no gaste internet de fondo\r\n}\r\n\r\n\/\/ Cerrar si hacen clic fuera del mapa\r\nwindow.onclick = function(event) {\r\n    const modal = document.getElementById('modalMapa');\r\n    if (event.target == modal) { cerrarMapa(); }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c356a8 elementor-widget elementor-widget-html\" data-id=\"1c356a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carrusel-centros-container\">\r\n    <div class=\"carrusel-centros-track\" id=\"trackCentros\">\r\n        <div class=\"centro-slide\">\r\n            <div class=\"centro-card-azul\">\r\n                <h4 class=\"centro-titulo\">Centro de Atencion Ambulatorio Santa Teresita<\/h4>\r\n                <ul class=\"centro-lista\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <span>Calle 61 Carrera 16 y 17 Dosquebradas, Risaralda<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                        <span>(606) 330250 Ext 140<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"#0056b3\" stroke-width=\"2\" fill=\"none\"><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                        <span class=\"break-word\">coordinacionambulatoria@hospitalsantamonica.gov.co<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n  <!-- Reemplaza el link largo por el de 'Insertar mapa' de Google Maps -->\r\n\t\t\t\t<button class=\"btn-centro\" onclick=\"abrirMapa('https:\/\/www.google.com\/maps\/embed?pb=!4v1777474664850!6m8!1m7!1sJ5f5Cfkp9fyYYpXjPQ_53Q!2m2!1d4.842765447653811!2d-75.66344251428731!3f335.180209532197!4f-1.0680052643762536!5f0.4000000000000002')\">\r\n\t\t     \t  Ver Ubicaci\u00f3n\r\n\t\t    \t<\/button>\r\n\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <div class=\"carrusel-dots\" id=\"dotsCentros\"><\/div>\r\n<\/div>\r\n   <div id=\"modalMapa\" class=\"map-modal\">\r\n     <div class=\"map-modal-content\">\r\n        <span class=\"close-modal\" onclick=\"cerrarMapa()\">&times;<\/span>\r\n      <iframe id=\"iframeMapa\" src=\"\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n \r\n.carrusel-centros-container {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    padding-bottom: 50px;\r\n}\r\n\r\n.carrusel-centros-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n}\r\n\r\n.centro-slide {\r\n    flex: 0 0 100%;\r\n    padding: 15px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.centro-card-azul {\r\n    background-color: #e1f0ff;\r\n    border-radius: 20px;\r\n    padding: 30px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    \/* QUITAMOS EL HEIGHT FIJO *\/\r\n    height: auto !important; \r\n    min-height: 350px; \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.centro-titulo {\r\n    color: #0056b3;\r\n    font-size: 1.1rem;\r\n    margin-bottom: 20px;\r\n    border-bottom: 2px solid #007bff;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.centro-lista {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 20px 0;\r\n    flex-grow: 1; \/* Esto empuja el bot\u00f3n hacia abajo equitativamente *\/\r\n}\r\n\r\n.centro-lista li {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-bottom: 15px;\r\n    align-items: flex-start;\r\n    color: #004085;\r\n    font-size: 0.9rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n.break-word {\r\n    word-break: break-all; \/* Evita que los correos largos rompan el dise\u00f1o *\/\r\n}\r\n\r\n.btn-centro {\r\n    background: #007bff;\r\n    color: #fff !important;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n}\r\n\r\n\/* Puntos de navegaci\u00f3n *\/\r\n.carrusel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #ccc;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.dot.active {\r\n    background: #007bff;\r\n    width: 25px;\r\n    border-radius: 5px;\r\n}\r\n\r\n.btn-centro:hover {\r\n    background: #0056b3; \/* Un azul m\u00e1s oscuro al presionar o pasar el mouse *\/\r\n    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.btn-centro:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Contenedor oscuro de fondo *\/\r\n.map-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 10000;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.8);\r\n    backdrop-filter: blur(4px);\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Caja del mapa *\/\r\n.map-modal-content {\r\n    background-color: #fff;\r\n    padding: 15px;\r\n    border-radius: 20px;\r\n    width: 90%;\r\n    max-width: 700px;\r\n    position: relative;\r\n}\r\n\/* Bot\u00f3n de cierre del modal *\/\r\n.close-modal {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 15px;\r\n    font-size: 28px;\r\n    font-weight: bold;\r\n    color: #007bff;\r\n    cursor: pointer;\r\n    transition: color 0.3s ease;\r\n    z-index: 10001;\r\n}\r\n\r\n.close-modal:hover {\r\n    color: #0056b3;\r\n}\r\n\r\n\r\n \r\n<\/style>\r\n<script>\r\nfunction abrirMapa(urlEmbed) {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    iframe.src = urlEmbed; \/\/ Carga el link del mapa\r\n    modal.style.display = \"flex\"; \/\/ Muestra el modal\r\n}\r\n\r\nfunction cerrarMapa() {\r\n    const modal = document.getElementById('modalMapa');\r\n    const iframe = document.getElementById('iframeMapa');\r\n    \r\n    modal.style.display = \"none\"; \/\/ Oculta el modal\r\n    iframe.src = \"\"; \/\/ Limpia el mapa para que no gaste internet de fondo\r\n}\r\n\r\n\/\/ Cerrar si hacen clic fuera del mapa\r\nwindow.onclick = function(event) {\r\n    const modal = document.getElementById('modalMapa');\r\n    if (event.target == modal) { cerrarMapa(); }\r\n}\r\n<\/script>\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>Centro de Atencion Ambulatorio Villa Carola Parque Recreacional Villa Carola Dosquebradas, Risaralda (606) 330250 Ext 140 coordinacionambulatoria@hospitalsantamonica.gov.co Ver Ubicaci\u00f3n &times; Centro de Atencion Ambulatorio El Balso Calle 3 No. 22-31 Dosquebradas, Risaralda (606) 330250 Ext 140 coordinacionambulatoria@hospitalsantamonica.gov.co coordinacionconsulta@hospitalsantamonica.gov.co Centro de Atencion Ambulatorio Jap\u00f3n Calle 9 No. 24-28 Dosquebradas, Risaralda (606) 330250 Ext 140 coordinacionambulatoria@hospitalsantamonica.gov.co Ver [&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-433","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/433","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=433"}],"version-history":[{"count":70,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":994,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/433\/revisions\/994"}],"wp:attachment":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/media?parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}