{"id":7546,"date":"2026-07-08T11:24:42","date_gmt":"2026-07-08T16:24:42","guid":{"rendered":"https:\/\/new-web.hospitalsantamonica.gov.co\/?page_id=7546"},"modified":"2026-07-08T11:33:52","modified_gmt":"2026-07-08T16:33:52","slug":"clinica-avellana","status":"publish","type":"page","link":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/clinica-avellana\/","title":{"rendered":"Cl\u00ednica Avellana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7546\" class=\"elementor elementor-7546\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c46eeb e-flex e-con-boxed e-con e-parent\" data-id=\"1c46eeb\" 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-639d437 elementor-widget elementor-widget-html\" data-id=\"639d437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TARJETA INFORMATIVA: CL\u00cdNICA AVELLANA -->\r\n<article class=\"card-avellana\" tabindex=\"0\" aria-label=\"Informaci\u00f3n de la Cl\u00ednica Avellana\">\r\n  <div class=\"card-image-wrapper\">\r\n    <img decoding=\"async\" src=\"https:\/\/new-web.hospitalsantamonica.gov.co\/wp-content\/uploads\/2026\/07\/clinic-slide-01.jpg\" alt=\"Fachada de la Cl\u00ednica Avellana\">\r\n    <div class=\"card-badge-status\">Convenio Activo<\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"card-body-content\">\r\n    <h2>Cl\u00ednica Avellana<\/h2>\r\n    \r\n    <p class=\"card-description\">\r\n      Instituci\u00f3n enfocada en promover el bienestar de los pacientes a trav\u00e9s de una atenci\u00f3n de \u00f3ptima calidad, equipos especializados e infraestructura moderna. Ofrece atenci\u00f3n de patolog\u00edas de hasta segundo nivel de complejidad con excelentes resultados soportados en un modelo de profesionales independientes.\r\n    <\/p>\r\n\r\n    <!-- Grilla de Informaci\u00f3n de Contacto R\u00e1pido -->\r\n    <div class=\"contact-info-grid\">\r\n      <div class=\"contact-item\">\r\n        <span class=\"contact-icon\" aria-hidden=\"true\"><i class=\"fas fa-clock\"><\/i><\/span>\r\n        <div class=\"contact-text\">\r\n          <span class=\"contact-label\">Horario de atenci\u00f3n<\/span>\r\n          <span class=\"contact-value\">7:00 a.m. a 7:00 p.m.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <span class=\"contact-icon\" aria-hidden=\"true\"><i class=\"fas fa-phone-alt\"><\/i><\/span>\r\n        <div class=\"contact-text\">\r\n          <span class=\"contact-label\">Tel\u00e9fono de contacto<\/span>\r\n          <span class=\"contact-value\"><a href=\"tel:6063302507\">3302507<\/a> <small>Ext. 275<\/small><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-item full-width\">\r\n        <span class=\"contact-icon\" aria-hidden=\"true\"><i class=\"fas fa-map-marker-alt\"><\/i><\/span>\r\n        <div class=\"contact-text\">\r\n          <span class=\"contact-label\">Direcci\u00f3n<\/span>\r\n          <span class=\"contact-value\">Calle 19 entre carreras 17 y 18<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/article>\r\n<style>\r\n    \/* --- COMPONENTE: TARJETA CL\u00cdNICA AVELLANA (UI\/UX) --- *\/\r\n.card-avellana {\r\n  background: #ffffff;\r\n  border: 1px solid #e2e8f0;\r\n  border-radius: 12px;\r\n  max-width: 600px;\r\n  margin: 20px auto;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\r\n  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n  font-family: 'Segoe UI', Roboto, system-ui, sans-serif;\r\n}\r\n\r\n\/* Efecto hover global de elevaci\u00f3n suave *\/\r\n.card-avellana:hover {\r\n  border-color: #cbd5e1;\r\n  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.08);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* Contenedor de Imagen *\/\r\n.card-image-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 220px;\r\n  overflow: hidden;\r\n  background-color: #f1f5f9;\r\n}\r\n\r\n.card-image-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.card-avellana:hover .card-image-wrapper img {\r\n  transform: scale(1.04); \/* Efecto zoom sutil muy elegante *\/\r\n}\r\n\r\n\/* Insignia sobre la imagen *\/\r\n.card-badge-status {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  background-color: #059669; \/* Verde sem\u00e1ntico de alta visibilidad *\/\r\n  color: #ffffff;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  padding: 6px 12px;\r\n  border-radius: 6px;\r\n  letter-spacing: 0.5px;\r\n  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.3);\r\n}\r\n\r\n\/* Cuerpo de la tarjeta *\/\r\n.card-body-content {\r\n  padding: 24px;\r\n}\r\n\r\n.card-body-content h2 {\r\n  font-size: 1.6rem;\r\n  color: #1e293b;\r\n  font-weight: 700;\r\n  margin: 0 0 12px 0;\r\n}\r\n\r\n.card-description {\r\n  font-size: 0.95rem;\r\n  color: #475569;\r\n  line-height: 1.6;\r\n  margin: 0 0 20px 0;\r\n}\r\n\r\n\/* Rejilla de informaci\u00f3n de contacto *\/\r\n.contact-info-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n  border-top: 1px dashed #e2e8f0;\r\n  padding-top: 20px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background-color: #f8fafc;\r\n  padding: 12px 16px;\r\n  border-radius: 8px;\r\n  border: 1px solid #f1f5f9;\r\n}\r\n\r\n.contact-item.full-width {\r\n  grid-column: span 2;\r\n}\r\n\r\n.contact-icon {\r\n  color: #4a69cd;\r\n  font-size: 1.2rem;\r\n  background-color: rgba(74, 105, 205, 0.08);\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.contact-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.contact-label {\r\n  font-size: 0.75rem;\r\n  text-transform: uppercase;\r\n  color: #64748b;\r\n  font-weight: 700;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.contact-value {\r\n  font-size: 0.9rem;\r\n  color: #1e293b;\r\n  font-weight: 600;\r\n}\r\n\r\n.contact-value a {\r\n  color: #4a69cd;\r\n  text-decoration: none;\r\n}\r\n\r\n.contact-value a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* --- ENFOQUE ACCESIBLE (NTC 5854) --- *\/\r\n.card-avellana:focus {\r\n  outline: none;\r\n}\r\n\r\n.card-avellana:focus-visible {\r\n  border-color: #4a69cd;\r\n  box-shadow: 0 0 0 3px rgba(74, 105, 205, 0.3);\r\n}\r\n\r\n\/* --- AJUSTES RESPONSIVOS (M\u00d3VILES) --- *\/\r\n@media (max-width: 520px) {\r\n  .contact-info-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-item.full-width {\r\n    grid-column: span 1;\r\n  }\r\n\r\n  .card-image-wrapper {\r\n    height: 180px;\r\n  }\r\n}\r\n<\/style>\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>Convenio Activo Cl\u00ednica Avellana Instituci\u00f3n enfocada en promover el bienestar de los pacientes a trav\u00e9s de una atenci\u00f3n de \u00f3ptima calidad, equipos especializados e infraestructura moderna. Ofrece atenci\u00f3n de patolog\u00edas de hasta segundo nivel de complejidad con excelentes resultados soportados en un modelo de profesionales independientes. Horario de atenci\u00f3n 7:00 a.m. a 7:00 p.m. Tel\u00e9fono [&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-7546","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7546","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=7546"}],"version-history":[{"count":4,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7546\/revisions"}],"predecessor-version":[{"id":7552,"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/pages\/7546\/revisions\/7552"}],"wp:attachment":[{"href":"https:\/\/new-web.hospitalsantamonica.gov.co\/index.php\/wp-json\/wp\/v2\/media?parent=7546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}