{"id":6839,"date":"2025-11-19T10:35:22","date_gmt":"2025-11-19T13:35:22","guid":{"rendered":"https:\/\/saudecajati.com.br\/?page_id=6839"},"modified":"2025-11-19T10:41:17","modified_gmt":"2025-11-19T13:41:17","slug":"ramais-da-saude2","status":"publish","type":"page","link":"https:\/\/saudecajati.com.br\/index.php\/ramais-da-saude2\/","title":{"rendered":"Ramais da Sa\u00fade 2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\tRamais da Sa\u00fade<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContatos - Painel UPA<\/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=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n --bg-light: #ffffff; \/* fundo branco *\/\r\n --card-bg: #ffffff;\r\n --brand-accent: #00A09A;\r\n --text-primary-dark: #2c3e50;\r\n --text-secondary-dark: #5a6e82;\r\n --border-light: #eef2f5;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg-light);\r\n color: var(--text-primary-dark);\r\n}\r\n\r\n.container {\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \/* centraliza a busca *\/\r\n}\r\n\r\n#searchInput {\r\n width: 100%;\r\n max-width: 500px;\r\n padding: 10px 12px;\r\n margin-bottom: 20px;\r\n font-size: 16px;\r\n border-radius: 8px;\r\n border: 1px solid var(--border-light);\r\n background: #ffffff;\r\n text-align: center;\r\n}\r\n\r\n#contactsContainer {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n width: 100%;\r\n}\r\n\r\n.group-container {\r\n background-color: #f9f9f9;\r\n border-radius: 12px;\r\n padding: 15px;\r\n border: 1px solid var(--border-light);\r\n}\r\n\r\n.group-title {\r\n font-weight: 700;\r\n color: var(--brand-accent);\r\n margin-bottom: 15px;\r\n font-size: 1.2em;\r\n border-bottom: 2px solid var(--brand-accent);\r\n padding-bottom: 5px;\r\n}\r\n\r\n.group-cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.card {\r\n background-color: var(--card-bg);\r\n border-radius: 12px;\r\n border: 1px solid var(--border-light);\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.07);\r\n padding: 20px;\r\n transition: transform 0.2s;\r\n}\r\n\r\n.card:hover {\r\n transform: translateY(-3px);\r\n}\r\n\r\n.card-title {\r\n font-weight: 700;\r\n color: var(--brand-accent);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.card-content p {\r\n margin: 5px 0;\r\n color: var(--text-secondary-dark);\r\n font-size: 0.95em;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"Pesquisar por nome ou grupo...\" \/>\r\n <div id=\"contactsContainer\">\r\n \r\n <!-- Grupo Farm\u00e1cia -->\r\n <div class=\"group-container\" data-group=\"farmacia\">\r\n <div class=\"group-title\">Farm\u00e1cia<\/div>\r\n <div class=\"group-cards\">\r\n <div class=\"card\" data-name=\"Maria Silva\" data-group=\"farmacia\">\r\n <div class=\"card-title\">Maria Silva<\/div>\r\n <div class=\"card-content\">\r\n <p><strong>Telefone:<\/strong> 1234-5678<\/p>\r\n <p><strong>Celular:<\/strong> 98765-4321<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\" data-name=\"Jo\u00e3o Souza\" data-group=\"farmacia\">\r\n <div class=\"card-title\">Jo\u00e3o Souza<\/div>\r\n <div class=\"card-content\">\r\n <p><strong>Telefone:<\/strong> 1234-5679<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Grupo Unidades de Sa\u00fade -->\r\n <div class=\"group-container\" data-group=\"unidades de saude\">\r\n <div class=\"group-title\">Unidades de Sa\u00fade<\/div>\r\n \r\n <!-- Bairro Capelinha -->\r\n <div class=\"subgroup-container\" data-unit=\"capelinha\">\r\n <div class=\"subgroup-title\">CAPELINHA<\/div>\r\n <div class=\"group-cards\">\r\n <div class=\"card\" data-name=\"Ana Costa\" data-group=\"unidades de saude\" data-unit=\"capelinha\">\r\n <div class=\"card-title\">Ana Costa<\/div>\r\n <div class=\"card-content\">\r\n <p><strong>Telefone:<\/strong> 1122-3344<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bairro Vila Tatu -->\r\n <div class=\"subgroup-container\" data-unit=\"v. tatu\">\r\n <div class=\"subgroup-title\">V. TATU<\/div>\r\n <div class=\"group-cards\">\r\n <div class=\"card\" data-name=\"Carlos Lima\" data-group=\"unidades de saude\" data-unit=\"v. tatu\">\r\n <div class=\"card-title\">Carlos Lima<\/div>\r\n <div class=\"card-content\">\r\n <p><strong>Telefone:<\/strong> 5566-7788<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n const searchInput = document.getElementById('searchInput');\r\n\r\n searchInput.addEventListener('input', () => {\r\n const query = searchInput.value.toLowerCase();\r\n document.querySelectorAll('#contactsContainer .group-container').forEach(group => {\r\n let groupVisible = false;\r\n group.querySelectorAll('.card').forEach(card => {\r\n const matchesName = card.dataset.name.includes(query);\r\n const matchesGroup = card.dataset.group.includes(query);\r\n const matchesUnit = card.dataset.unit ? card.dataset.unit.includes(query) : false;\r\n card.style.display = (matchesName || matchesGroup || matchesUnit) ? 'block' : 'none';\r\n if (matchesName || matchesGroup || matchesUnit) groupVisible = true;\r\n });\r\n group.style.display = groupVisible ? 'block' : 'none';\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Ramais da Sa\u00fade Contatos – Painel UPA Farm\u00e1cia Maria Silva Telefone: 1234-5678 Celular: 98765-4321 Jo\u00e3o Souza Telefone: 1234-5679 Unidades de Sa\u00fade CAPELINHA Ana Costa Telefone: 1122-3344 V. TATU Carlos Lima Telefone: 5566-7788<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6839","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=6839"}],"version-history":[{"count":10,"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6839\/revisions"}],"predecessor-version":[{"id":6850,"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/pages\/6839\/revisions\/6850"}],"wp:attachment":[{"href":"https:\/\/saudecajati.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=6839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}