{"id":1367,"date":"2022-10-05T16:23:17","date_gmt":"2022-10-05T16:23:17","guid":{"rendered":"https:\/\/www.cemep.com.ar\/clinica\/cuerpo-medico\/"},"modified":"2026-08-03T10:29:38","modified_gmt":"2026-08-03T10:29:38","slug":"cuerpo-medico","status":"publish","type":"page","link":"https:\/\/www.cemep.com.ar\/clinica\/cuerpo-medico\/","title":{"rendered":"Cuerpo M\u00e9dico"},"content":{"rendered":"<div data-colibri-id=\"1367-c1\" class=\"style-1513 style-local-1367-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"1367-c2\" id=\"reusable-sections\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-2161 style-local-1367-c2 position-relative\">\n    <div class=\"background-wrapper\">\n      <div class=\"background-layer background-layer-media-container-lg\">\n        <!---->\n      <\/div>\n      <div class=\"background-layer background-layer-media-container-md\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(39, 71, 125); opacity: 0.5;\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(39, 71, 125); opacity: 0.5;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"1367-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-2162 style-local-1367-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-2163-outer style-local-1367-c4-outer\">\n            <div data-colibri-id=\"1367-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-2163 style-local-1367-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1367-c5\" class=\"h-global-transition-all h-heading style-2165 style-local-1367-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-2165 style-local-1367-c5\">\n                    <!---->\n                    <!---->\n                    <h1 class=\"\">Cuerpo M\u00e9dico<\/h1>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"1367-c6\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-1543 style-local-1367-c6 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"1367-c7\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-1642 style-local-1367-c7 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1643-outer style-local-1367-c8-outer\">\n            <div data-colibri-id=\"1367-c8\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1643 style-local-1367-c8 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1367-c9\" class=\"style-1644 style-local-1367-c9 position-relative h-element\">\n                  <!---->\n                  <div class=\"\"><style>\r\n.container {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.card-container {\r\n    position: relative;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 10px;\r\n}\r\n\r\n.card-container .card {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    margin: 0;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,.1);\r\n    min-height: 96px;\r\n}\r\n\r\n.card-container .card div:first-child {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 20px;\r\n\r\n    min-width: 96px;\r\n    min-height: 96px;\r\n    max-width: 96px;\r\n    max-height: 96px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.card-container .card div:nth-of-type(2) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n.card-container .card h3 {\r\n    font-family: Montserrat;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    font-size: 16px;\r\n    line-height: normal;\r\n    color: rgb(27,46,77);\r\n    margin: 0 0 10px 0;\r\n    text-align: left;\r\n}\r\n\r\n.card-container .card p {\r\n    font-family: Montserrat;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    font-size: 12px;\r\n    line-height: normal;\r\n    color: rgb(114,114,114);\r\n    margin: 0;\r\n    text-align: left;\r\n}\r\n\r\n.card-container .card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n#searchInput {\r\n    position: relative;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 200px;\r\n    padding: 10px 24px 10px 10px;\r\n    margin: 0 0 20px 0;\r\n    border: solid 1px #b3b3b3;\r\n    border-radius: 5px;\r\n    background-image: url(https:\/\/www.cemep.com.ar\/clinica\/wp-content\/uploads\/2023\/04\/icon-loupe.png);\r\n    background-position: 98% center;\r\n    background-size: 16px 16px;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n@media only screen and (max-width: 1023px) {\r\n\r\n    .card-container .card h3 {\r\n        font-size: 12px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n\r\n    .card-container {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 570px) {\r\n\r\n    .card-container {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    #searchInput {\r\n        max-width: unset;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<div class=\"container\">\r\n    <input type=\"text\" id=\"searchInput\" placeholder=\"Buscar m\u00e9dico o especialidad...\" \/>\r\n    <div id=\"sheetData\" class=\"card-container\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst apiKey = 'AIzaSyCkGNZOYU3mWgeN5_MseJGPFgpkW1v6iBY';\r\nconst spreadsheetId = '13tknJFFyG2hHXZhxSyu_SPeM1C5xA25R70FvxxdkSAo';\r\nconst range = 'Hoja 1!A1:E';\r\n\r\nconst sheetUrl =\r\n    `https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/${spreadsheetId}\/values\/${range}?key=${apiKey}`;\r\n\r\nlet totalData = [];\r\nlet filteredData = [];\r\n\r\nfunction loadSheetData(url) {\r\n\r\n    fetch(url)\r\n        .then(response => response.json())\r\n        .then(data => {\r\n\r\n            if (!data.values) {\r\n                throw new Error('No se encontraron datos');\r\n            }\r\n\r\n            totalData = data.values.slice(1);\r\n            filteredData = totalData;\r\n\r\n            displayAllData();\r\n\r\n        })\r\n        .catch(error => {\r\n            console.error('Error al cargar los datos:', error);\r\n        });\r\n\r\n}\r\n\r\nfunction displayAllData() {\r\n\r\n    const container = document.getElementById('sheetData');\r\n\r\n    container.innerHTML = '';\r\n\r\n    filteredData.forEach(row => {\r\n\r\n        const nombre = row[0] || '';\r\n        const apellido = row[1] || '';\r\n        const especialidad = row[2] || '';\r\n        const prefijo = row[3] || '';\r\n        const foto = row[4] || '';\r\n\r\n        const card = document.createElement('div');\r\n\r\n        card.classList.add('card');\r\n\r\n        card.innerHTML = `\r\n            <div>\r\n                <img decoding=\"async\"\r\n                    src=\"${foto}\"\r\n                    alt=\"${prefijo} ${nombre} ${apellido}\"\r\n                    loading=\"lazy\"\r\n                \/>\r\n            <\/div>\r\n\r\n            <div>\r\n                <h3>${prefijo} ${nombre} ${apellido}<\/h3>\r\n                <p>${especialidad}<\/p>\r\n            <\/div>\r\n        `;\r\n\r\n        container.appendChild(card);\r\n\r\n    });\r\n\r\n}\r\n\r\ndocument.getElementById('searchInput').addEventListener('input', (event) => {\r\n\r\n    const searchTerm =\r\n        event.target.value\r\n            .trim()\r\n            .toLowerCase();\r\n\r\n    if (searchTerm.length >= 3) {\r\n\r\n        filteredData = totalData.filter(row => {\r\n\r\n            const nombre = (row[0] || '').toLowerCase();\r\n            const apellido = (row[1] || '').toLowerCase();\r\n            const especialidad = (row[2] || '').toLowerCase();\r\n\r\n            return (\r\n                nombre.includes(searchTerm) ||\r\n                apellido.includes(searchTerm) ||\r\n                especialidad.includes(searchTerm)\r\n            );\r\n\r\n        });\r\n\r\n    } else {\r\n\r\n        filteredData = totalData;\r\n\r\n    }\r\n\r\n    displayAllData();\r\n\r\n});\r\n\r\nloadSheetData(sheetUrl);\r\n<\/script><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"1367-c10\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-1547 style-local-1367-c10 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1548-outer style-local-1367-c11-outer\">\n            <div data-colibri-id=\"1367-c11\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-1548 style-local-1367-c11 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-component=\"widget-area\" data-colibri-id=\"1367-c12\" class=\"h-widget-area style-1549 style-local-1367-c12 position-relative h-element\">\n                  <!---->\n                  <div class=\"widget-shortcode h-global-transition-all\"><div id=\"block-8\" class=\"widget widget_block\"><\/div><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Cuerpo M\u00e9dico<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-1367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/pages\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/comments?post=1367"}],"version-history":[{"count":9,"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/pages\/1367\/revisions"}],"predecessor-version":[{"id":5937,"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/pages\/1367\/revisions\/5937"}],"wp:attachment":[{"href":"https:\/\/www.cemep.com.ar\/clinica\/wp-json\/wp\/v2\/media?parent=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}