{"id":41,"date":"2025-11-16T01:43:11","date_gmt":"2025-11-16T00:43:11","guid":{"rendered":"https:\/\/www.diabecenter.com.co\/?page_id=41"},"modified":"2026-06-06T16:24:13","modified_gmt":"2026-06-06T14:24:13","slug":"inicio","status":"publish","type":"page","link":"https:\/\/www.diabecenter.com.co\/","title":{"rendered":"INICIO"},"content":{"rendered":"<div id=\"pl-gb41-6a4b2fe7555ce\"  class=\"panel-layout\" ><div id=\"pg-gb41-6a4b2fe7555ce-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb41-6a4b2fe7555ce-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-gb41-6a4b2fe7555ce-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb41-6a4b2fe7555ce-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb41-6a4b2fe7555ce-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><div class=\"slider-container\">\n  <div class=\"slider\">\n    <div class=\"slide active\">\n      <img decoding=\"async\" src=\"https:\/\/www.diabecenter.com.co\/wp-content\/uploads\/2025\/12\/Banner-1.fw_-scaled.png\" alt=\"Slide 1\">\n    <\/div>\n     <div class=\"slide\">\n      <img decoding=\"async\" src=\"https:\/\/www.diabecenter.com.co\/wp-content\/uploads\/2025\/12\/Banner-2.fw_-scaled.png\" alt=\"Slide 2\">\n    <\/div>\n    \t &lt;!&#8211;<div class=\"slide\">\n      \t\t\t<img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/1200x500\/FF6347\/ffffff?text=Slide+3\" alt=\"Slide 3\">\n    \t<\/div> &#8211;&gt;\n  <\/div>\n\n  <!-- Flechas -->\n  <button class=\"prev\">&#10094;<\/button>\n  <button class=\"next\">&#10095;<\/button>\n\n  <!-- Dots -->\n  <div class=\"dots\">\n    <span class=\"dot active\" data-slide=\"0\"><\/span>\n    <span class=\"dot\" data-slide=\"1\"><\/span>\n     &lt;!&#8211;<span class=\"dot\" data-slide=\"2\"><\/span> &#8211;&gt;\n  <\/div>\n<\/div>\n\n\n\/* Contenedor *\/\n.slider-container {\n  position: relative;\n  width: 100%;\n  max-width: 1200px;\n  margin: auto;\n  overflow: hidden;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.15);\n}\n\n\/* Slides *\/\n.slider {\n  display: flex;\n  transition: transform 0.8s ease-in-out;\n}\n.slide {\n  min-width: 100%;\n  position: relative;\n  display: none;\n}\n.slide.active {\n  display: block;\n}\n.slide img {\n  width: 100%;\n  height: auto;\n  border-radius: 14px;\n  display: block;\n}\n\n\/* Flechas *\/\n.prev, .next {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: rgba(255,255,255,0.2);\n  color: white;\n  border: none;\n  padding: 14px;\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 28px;\n  transition: background 0.3s;\n  z-index: 10;\n}\n.prev:hover, .next:hover {\n  background: rgba(255,255,255,0.5);\n}\n.prev { left: 20px; }\n.next { right: 20px; }\n\n\/* Dots *\/\n.dots {\n  text-align: center;\n  position: absolute;\n  bottom: 15px;\n  width: 100%;\n}\n.dot {\n  height: 12px;\n  width: 12px;\n  margin: 0 6px;\n  background-color: rgba(32,32,47,0.6);\n  border-radius: 50%;\n  display: inline-block;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.dot.active {\n  background-color: #fff;\n}\n.dot:hover {\n  background-color: #ddd;\n}\n\n\/* &#8212; Responsivo &#8212; *\/\n@media (max-width: 1024px) {\n  .slider-container {\n    max-width: 100%;\n  }\n}\n\n@media (max-width: 768px) {\n  .prev, .next {\n    padding: 10px;\n    font-size: 22px;\n  }\n  .dot {\n    height: 10px;\n    width: 10px;\n  }\n}\n\n@media (max-width: 480px) {\n  .prev, .next {\n    padding: 8px;\n    font-size: 18px;\n  }\n  .dot {\n    height: 8px;\n    width: 8px;\n    margin: 0 4px;\n  }\n}\n\n\n\nlet index = 0;\nconst slides = document.querySelectorAll(&#8216;.slide&#8217;);\nconst prevBtn = document.querySelector(&#8216;.prev&#8217;);\nconst nextBtn = document.querySelector(&#8216;.next&#8217;);\nconst dots = document.querySelectorAll(&#8216;.dot&#8217;);\n\n\/\/ Funci\u00f3n para mostrar un slide\nfunction showSlide(n) {\n  slides.forEach((slide, i) =&gt; {\n    slide.classList.remove(\u00abactive\u00bb);\n    dots[i].classList.remove(\u00abactive\u00bb);\n    if (i === n) {\n      slide.classList.add(\u00abactive\u00bb);\n      dots[i].classList.add(\u00abactive\u00bb);\n    }\n  });\n  index = n;\n}\n\n\/\/ Bot\u00f3n siguiente\nnextBtn.addEventListener(\u00abclick\u00bb, () =&gt; {\n  index = (index + 1) % slides.length;\n  showSlide(index);\n});\n\n\/\/ Bot\u00f3n anterior\nprevBtn.addEventListener(\u00abclick\u00bb, () =&gt; {\n  index = (index &#8211; 1 + slides.length) % slides.length;\n  showSlide(index);\n});\n\n\/\/ Dots clickeables\ndots.forEach(dot =&gt; {\n  dot.addEventListener(\u00abclick\u00bb, () =&gt; {\n    const slideIndex = parseInt(dot.getAttribute(\u00abdata-slide\u00bb));\n    showSlide(slideIndex);\n  });\n});\n\n\/\/ Auto play cada 6s\nsetInterval(() =&gt; {\n  index = (index + 1) % slides.length;\n  showSlide(index);\n}, 6000);\n\nshowSlide(index);\n<\/div><\/div><div id=\"panel-gb41-6a4b2fe7555ce-1-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><!-- Google Font Poppins -->\n\n\n\n.contenedor-diabe {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 0px; \/* SIN espacio *\/\n    padding: 40px 20px;\n    font-family: &#8216;Poppins&#8217;, sans-serif;\n    flex-wrap: wrap;\n}\n\n.contenedor-diabe .texto {\n    flex: 1;\n    min-width: 300px;\n    text-align: center;\n    position: relative;\n    z-index: 2; \/* Para que no quede debajo de la foto *\/\n}\n\n.contenedor-diabe h2 {\n    font-size: 38px;\n    font-weight: 700;\n    color: #8DCE36;\n    margin: 0 0 10px 0;\n}\n\n.contenedor-diabe h3 {\n    font-size: 26px;\n    font-weight: 600;\n    color: #000;\n    margin: 0 0 20px 0;\n}\n\n.contenedor-diabe p {\n    font-size: 20px;\n    line-height: 1.5;\n    color: #0077B6;\n    margin-bottom: 25px;\n    white-space: pre-line;\n}\n\n\/* BOT\u00d3N SIN SUBRAYADO *\/\n.boton-contactar {\n    display: inline-block;\n    background: #0077B6;\n    color: white;\n    padding: 12px 24px;\n    border-radius: 8px;\n    font-size: 18px;\n    font-weight: 600;\n    text-decoration: none !important;\n    transition: 0.3s;\n}\n\n.boton-contactar:hover,\n.boton-contactar:active,\n.boton-contactar:visited {\n    text-decoration: none !important;\n    background: #005f94;\n}\n\n.contenedor-diabe .foto {\n    flex: 1;\n    min-width: 250px;\n    text-align: left;\n    position: relative;\n    margin-right: -30px; \/* SUPERPOSICI\u00d3N HACIA EL TEXTO *\/\n    z-index: 1;\n}\n\n.contenedor-diabe .foto img {\n    width: 100%;\n    max-width: 360px;\n    border-radius: 12px;\n}\n\n\n<div class=\"contenedor-diabe\">\n\n    <div class=\"texto\">\n        <h2>DIABECENTER<\/h2>\n        <h3>Dr. Jairo Alonso Navarrete Russi<\/h3>\n\n        <p>\nEsp. Medicina Interna\nDiabetes Obesidad y Metabolismo\nMedicina Biol\u00f3gica Funcional\nMarketing en servicios en Salud\n        <\/p>\n\n        <a href=\"https:\/\/www.diabecenter.com.co\/?page_id=63\" class=\"boton-contactar\">Contactar ahora<\/a>\n    <\/div>\n\n    <div class=\"foto\">\n        <img decoding=\"async\" src=\"https:\/\/www.diabecenter.com.co\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-24-at-2.16.58-PM.jpeg\" alt=\"Doctor\">\n    <\/div>\n\n<\/div>\n\n<!-- CUADROS DE INFORMACION  -->\n<!-- Fuente Poppins -->\n\n<!-- Enlace a Font Awesome (para \u00edconos profesionales) -->\n\n\t\t\t\n&lt;!&#8211;<section style=\"max-width:95%;margin:20px auto;padding:5px;background:#FFFFFF;, sans-serif\">&#8211;&gt;\n<section style=\"background-color:#EAFBEA;max-width:95%;, sans-serif;margin:0px auto;padding: 40px 20px;line-height:1.6\">\n<div class=\"contenedor-cuadros\">\n\n  <!-- Cuadro 1 -->\n  <div class=\"cuadro\" style=\")\">\n    <div class=\"contenido\">\n      <h3>ACERCA DE MI<\/h3>\n      <p>\n        A veces sentimos que no tenemos las fuerzas necesarias para llegar a las metas propuesta, o simplemente las abandonamos ante cualquier m\u00ednimo obst\u00e1culo&#8230;.\n      <\/p>\n      <a href=\"https:\/\/www.diabecenter.com.co\/?page_id=45\" class=\"btn-ver-mas\">Ver m\u00e1s<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Cuadro 2 -->\n  <div class=\"cuadro\" style=\")\">\n    <div class=\"contenido\">\n      <h3>QUI\u00c9NES SOMOS<\/h3>\n      <p>\n        Diabecenter representa mi marca personal y bajo su nombre prestamos servicios de salud enfocados en el manejo integral de la Diabetes, la obesidad y las enfermedades cardio metab\u00f3licas&#8230;\n      <\/p>\n      <a href=\"https:\/\/www.diabecenter.com.co\/?page_id=47\" class=\"btn-ver-mas\">Ver m\u00e1s<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Cuadro 3 -->\n  <div class=\"cuadro\" style=\")\">\n    <div class=\"contenido\">\n      <h3>SERVICIOS MEDICOS<\/h3>\n      <p>\n        Nuestro programa de medicina restaurativa consta de varias etapas a trav\u00e9s de las cuales motivamos a los pacientes a abandonar todos aquellos h\u00e1bitos negativos que lo llevaron a enfermarse; adem\u00e1s de detoxificarlo para equilibrar y recuperar la funcionalidad de los diferentes \u00f3rganos y sistemas&#8230;\n      <\/p>\n      <a href=\"https:\/\/www.diabecenter.com.co\/?page_id=180\" class=\"btn-ver-mas\">Ver m\u00e1s<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Cuadro 4 -->\n  <div class=\"cuadro\" style=\")\">\n    <div class=\"contenido\">\n      <h3>TIENDA VIRTUAL<\/h3>\n      <p>\n        En Diabecenter, creemos en el poder de la naturaleza para transformar la salud desde adentro. Por eso te ofrecemos una l\u00ednea exclusiva de productos org\u00e1nicos elaborados a partir de ingredientes puros, funcionales y cient\u00edficamente respaldados&#8230;.\n      <\/p>\n      <a href=\"https:\/\/www.diabecenter.com.co\/?page_id=59\" class=\"btn-ver-mas\">Ver m\u00e1s<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Estilos -->\n\n.contenedor-cuadros {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 40px;\n  justify-items: center;\n  align-items: stretch;\n  padding: 20px;\n}\n\n\/* Dos columnas en pantallas medianas o grandes *\/\n@media (min-width: 768px) {\n  .contenedor-cuadros {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Cuadro base *\/\n.cuadro {\n  width: 100%;\n  max-width: 450px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 10px;\n  display: flex;\n  align-items: stretch;\n  min-height: 380px; \/* Altura m\u00ednima que evita recorte en pantallas peque\u00f1as *\/\n}\n\n\/* Fondo de imagen *\/\n.cuadro::before {\n  content: \u00ab\u00bb;\n  position: absolute;\n  inset: 0;\n  background-image: var(&#8211;img);\n  background-size: cover;\n  background-position: center;\n  opacity: 0.8;\n  z-index: 0;\n}\n\n\/* Contenido *\/\n.contenido {\n  position: relative;\n  z-index: 1;\n  background-color: rgba(1,188,194,0.7);\n  padding: 30px;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-radius: 10px;\n  height: 100%;\n}\n\n\/* Texto *\/\n.contenido h3 {\n  text-align: center;\n  margin-bottom: 20px;\n\tcolor:#ffffff;\n}\n\n.contenido p {\n  text-align: justify;\n  line-height: 1.5;\n  font-size: 1em;\n  margin-bottom: 20px;\n}\n\n\/* Bot\u00f3n *\/\n.btn-ver-mas {\n  align-self: center;\n  display: inline-block;\n  background-color: #ffffff;\n  color: #01bcc2;\n  padding: 10px 22px;\n  border-radius: 25px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  box-shadow: 0 3px 6px rgba(0,0,0,0.15);\n}\n\n.btn-ver-mas:hover {\n  background-color: ##B9E5F3;\n  color: #ffffff;\n  transform: translateY(-3px);\n  box-shadow: 0 6px 12px rgba(0,0,0,0.25);\n}\n\n\/* Ajuste especial para m\u00f3viles: altura flexible *\/\n@media (max-width: 767px) {\n  .cuadro {\n    min-height: auto; \/* permite crecer seg\u00fan el texto *\/\n  }\n  .contenido {\n    padding: 20px;\n  }\n}\n\n<\/section>\n\n\n\n\n\n\n<\/div><\/div><\/div><\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":59,"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/www.diabecenter.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}