{"id":40897,"date":"2026-06-27T15:30:03","date_gmt":"2026-06-27T20:30:03","guid":{"rendered":"https:\/\/doctorcepeda.com.co\/?page_id=40897"},"modified":"2026-09-03T18:30:33","modified_gmt":"2026-09-03T23:30:33","slug":"inicio","status":"publish","type":"page","link":"https:\/\/doctorcepeda.com.co\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nDr. Ricardo Cepeda V. \u2014 Gastroenter\u00f3logo \u00b7 Bogot\u00e1<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml {\n scroll-behavior: smooth;\n background: #ffffff;\n min-height: 100%;\n margin: 0;\n padding: 0;\n}\nbody {\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n color: #e8edf5;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n width: 100%;\n}\nimg { display: block; max-width: 100%; }\na { text-decoration: none; color: inherit; }\n\/* \u2500\u2500 TOKENS \u2500\u2500 *\/\n:root {\n --navy: #081f49;\n --gold: #c48500;\n --gray: #4b5563;\n --max: 1380px;\n}\n.container {\n width: 92%;\n max-width: 1450px;\n margin: auto;\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 mobile flyer \/ desktop banner\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-mobile-only { display: none; }\n.hero-desktop-only { display: block; }\n@media (max-width: 768px) {\n .hero-mobile-only { display: block; }\n .hero-desktop-only { display: none; }\n}\n.hero-wrap { width: 100%; line-height: 0; overflow: hidden; position: relative; }\n.hero-img {\n width: 100%; height: auto; display: block;\n filter: brightness(1.1);\n}\n.hero-plain-link {\n position: absolute !important;\n display: block !important;\n min-height: 34px;\n text-decoration: none !important;\n background: transparent !important;\n z-index: 999 !important;\n cursor: pointer;\n pointer-events: auto !important;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n.hero-content {\n position: absolute;\n top: 38%;\n left: 6%;\n transform: translateY(-50%);\n max-width: clamp(480px, 40vw, 640px);\n z-index: 5;\n line-height: normal;\n}\n.hero-desktop-only .hero-wrap::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, rgba(8,31,73,0.4) 0%, rgba(8,31,73,0.18) 22%, transparent 42%);\n mix-blend-mode: multiply;\n pointer-events: none;\n z-index: 2;\n}\n.hero-eyebrow {\n display: block;\n font-family: 'Inter', sans-serif;\n font-size: clamp(0.72rem, 0.9vw, 0.78rem);\n font-weight: 700;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 0.9rem;\n}\n.hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: clamp(2.2rem, 4.2vw, 4.4rem);\n color: #ffffff;\n line-height: 1.08;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n}\n.hero-title em {\n font-style: italic;\n font-weight: 500;\n color: var(--gold);\n}\n.hero-sub {\n font-family: 'Inter', sans-serif;\n font-size: clamp(0.9rem, 1.1vw, 1.05rem);\n color: rgba(255,255,255,0.88);\n line-height: 1.7;\n max-width: 440px;\n margin-bottom: 1.75rem;\n}\n.hero-doctor {\n margin-bottom: 3.25rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,0.22);\n}\n.hero-doctor__name {\n display: block;\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-weight: 600;\n font-size: clamp(1.2rem, 1.7vw, 1.55rem);\n color: #ffffff;\n margin-bottom: 0.35rem;\n}\n.hero-doctor__spec {\n display: block;\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: 0.95rem;\n color: rgba(255,255,255,0.7);\n line-height: 1.5;\n}\n.hero-cta { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; }\n.hero-cta .btn-gold {\n padding: 0.9rem 2.1rem;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.03em;\n border-radius: 3px;\n}\n.hero-cta .btn-gold:hover { transform: none; }\n.hero-link {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-family: 'Inter', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n color: #ffffff;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.45);\n border-radius: 3px;\n padding: 0.9rem 2.1rem;\n transition: border-color 0.2s, background 0.2s;\n}\n.hero-link:hover { border-color: rgba(255,255,255,0.85); background: rgba(255,255,255,0.06); }\n@media (max-width: 1200px) {\n .hero-content { max-width: 78%; left: 5%; }\n}\n\/* \u2500\u2500 En m\u00f3vil la foto recorta con object-fit: cover a una caja de\n altura fija, as\u00ed el texto siempre tiene espacio y nunca se sale\n de la imagen \u2500\u2500 *\/\n@media (max-width: 768px) {\n .hero-mobile-only .hero-wrap {\n position: relative;\n width: 100%;\n height: min(88vw, 560px);\n min-height: 420px;\n }\n .hero-mobile-only .hero-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: 75% center;\n }\n .hero-mobile-only .hero-wrap::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(115deg, rgba(6,20,38,0.88) 0%, rgba(6,20,38,0.62) 42%, rgba(6,20,38,0.15) 66%, transparent 82%);\n pointer-events: none;\n z-index: 2;\n }\n .hero-content {\n top: 50%;\n left: 7%;\n right: auto;\n max-width: 64%;\n }\n .hero-eyebrow { font-size: 0.72rem; margin-bottom: 0.7rem; }\n .hero-title { font-size: clamp(2rem, 8.5vw, 2.6rem); margin-bottom: 0.85rem; }\n .hero-sub { font-size: 0.92rem; margin-bottom: 1.25rem; max-width: none; line-height: 1.6; }\n .hero-doctor { margin-bottom: 1.4rem; }\n .hero-doctor__name { font-size: 1.15rem; margin-bottom: 0.25rem; }\n .hero-doctor__spec { font-size: 0.82rem; }\n .hero-cta { gap: 0.7rem; }\n .hero-cta .btn-gold { font-size: 0.78rem; padding: 0.8rem 1.6rem; }\n .hero-link { font-size: 0.76rem; padding: 0.8rem 1.6rem; }\n}\n@media (max-width: 420px) {\n .hero-mobile-only .hero-wrap { height: min(105vw, 480px); min-height: 380px; }\n .hero-title { font-size: clamp(1.75rem, 9vw, 2.1rem); }\n .hero-sub { display: none; }\n}\n\n\n.patient-section {\n position: relative;\n background: #f5f0e8;\n border-top: none;\n border-bottom: none;\n color: #1a1a1a;\n}\n.patient-content {\n max-width: 1280px;\n margin: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 0;\n min-height: 420px;\n}\n.patient-left {\n padding: 4rem 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-right: 1px solid rgba(8,31,73,0.1);\n}\n.patient-left h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3vw, 3rem);\n color: var(--navy);\n font-weight: 600;\n line-height: 1.1;\n letter-spacing: -0.5px;\n margin-bottom: 1.2rem;\n}\n.patient-left p {\n font-size: 1rem;\n color: #5a6478;\n line-height: 1.75;\n max-width: 400px;\n text-align: center;\n}\n.patient-right {\n padding: 4rem 4rem 4rem 4.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 0;\n}\n.stat-item {\n display: flex;\n align-items: baseline;\n gap: 1.5rem;\n padding: 1.6rem 0;\n border-bottom: 1px solid rgba(8,31,73,0.09);\n position: relative;\n}\n.stat-item:last-child {\n border-bottom: none;\n}\n.stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3.5rem, 5.5vw, 6rem);\n font-weight: 600;\n color: var(--navy);\n line-height: 1;\n letter-spacing: -2px;\n min-width: 160px;\n}\n.stat-num em {\n font-style: normal;\n color: var(--gold);\n font-size: 0.55em;\n letter-spacing: 0;\n}\n.stat-label {\n font-size: 0.72rem;\n font-weight: 500;\n color: #7a8499;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n line-height: 1.4;\n}\n.stat-divider { display: none; }\n.stats-row { display: contents; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS \u2014 lista editorial\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.services {\n position: relative;\n overflow: visible;\n background: #ffffff;\n padding: 0;\n}\n.services__bg { display: none; }\n.services__editorial {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 560px;\n position: relative;\n}\n.services__left {\n background: linear-gradient(135deg, #24384f 0%, #1c2b3e 55%, #101c2c 100%);\n position: relative;\n overflow: visible;\n padding: 4rem 30% 4rem 3rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);\n z-index: 1;\n}\n.services__left::before { display: none; }\n.services__label {\n display: block;\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1rem;\n position: relative;\n}\n.services__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3vw, 3rem);\n white-space: nowrap;\n font-weight: 600;\n color: #ffffff;\n line-height: 1.1;\n letter-spacing: -0.5px;\n margin-bottom: 1.75rem;\n position: relative;\n}\n.services__quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 1.35vw, 1.3rem);\n font-style: normal;\n color: rgba(255,255,255,0.72);\n line-height: 1.8;\n border-left: 2px solid var(--gold);\n padding-left: 1.25rem;\n position: relative;\n}\n.services__list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 0;\n background: #ffffff;\n padding: 2.5rem 1.5rem 2.5rem 3rem;\n position: relative;\n}\n.services__list::after { display: none; }\n.svc-row {\n display: flex;\n align-items: center;\n gap: 3rem;\n padding: 1.1rem 1rem;\n background: transparent;\n border: none;\n border-bottom: 1px solid rgba(8,31,73,0.09);\n border-radius: 0;\n cursor: default;\n position: relative;\n overflow: visible;\n}\n.svc-row:first-child { border-top: 1px solid rgba(8,31,73,0.09); }\n.svc-row:last-child { border-bottom: none; }\n\/* Escalonado diagonal *\/\n.svc-row:nth-child(1) { margin-left: 5.5rem; }\n.svc-row:nth-child(2) { margin-left: 4.5rem; }\n.svc-row:nth-child(3) { margin-left: 3.5rem; }\n.svc-row:nth-child(4) { margin-left: 2.5rem; }\n.svc-row:nth-child(5) { margin-left: 1.5rem; }\n.svc-row:nth-child(6) { margin-left: 0.5rem; }\n.svc-row__num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n color: #c48500;\n letter-spacing: -0.02em;\n min-width: 80px;\n line-height: 1;\n flex-shrink: 0;\n opacity: 0.95;\n}\n.svc-row__body { flex: 1; }\n.svc-row__name {\n font-family: 'Inter', sans-serif;\n font-size: clamp(1rem, 1.2vw, 1.15rem);\n font-weight: 700;\n color: #0a1a36;\n line-height: 1.25;\n margin-bottom: 0.2rem;\n letter-spacing: -0.01em;\n}\n.svc-row__name span { color: #0a1a36; font-weight: 700; }\n.svc-row__desc {\n font-size: 0.78rem;\n color: #6b7280;\n line-height: 1.5;\n}\n.svc-row__arrow { display: none; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FILOSOF\u00cdA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.philosophy {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: stretch;\n gap: 0;\n background: #ffffff;\n padding: 0;\n min-height: 560px;\n}\n.philosophy__left {\n background: transparent;\n padding: 5rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n position: relative;\n}\n.philosophy__left::before { display: none; }\n.philosophy__left::after { display: none; }\n.philosophy__label {\n font-size: 0.62rem; font-weight: 600;\n letter-spacing: 0.22em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 1.5rem; display: block;\n}\n.philosophy__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.4rem, 4vw, 4rem);\n font-weight: 600; color: var(--navy);\n line-height: 1.05; margin-bottom: 0.5rem;\n letter-spacing: -1.5px;\n}\n.philosophy__title em { font-style: italic; font-weight: 500; color: var(--gold); }\n.philosophy__dash { width: 36px; height: 2px; background: var(--gold); margin: 1.25rem auto 1.75rem; }\n.philosophy__body {\n font-size: clamp(0.95rem, 1.2vw, 1.1rem);\n color: #5a6478; line-height: 1.85; margin-bottom: 0.9rem;\n}\n.philosophy__pillars {\n display: flex; gap: 0;\n margin: 2rem 0 2.25rem;\n flex-wrap: nowrap; justify-content: center;\n width: 100%;\n}\n.pillar {\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 0.35rem; padding: 0 2rem;\n flex: 1;\n border-right: 1px solid rgba(8,31,73,0.10);\n}\n.pillar:last-child { border-right: none; }\n.pillar__num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.65rem; font-weight: 600;\n color: var(--gold); letter-spacing: 0.22em;\n text-transform: uppercase; margin-bottom: 0.25rem;\n}\n.pillar__name {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.3rem, 1.8vw, 1.65rem);\n font-weight: 600; color: var(--navy);\n letter-spacing: -0.02em; line-height: 1.1;\n}\n.pillar__sub {\n font-size: 0.68rem; color: #7a8499;\n font-family: 'Inter', sans-serif; line-height: 1.45;\n font-weight: 400;\n}\n.philosophy__quote {\n border-top: 1px solid rgba(196,150,62,0.25);\n padding: 1.25rem 0 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 1.5vw, 1.25rem);\n font-style: italic;\n color: rgba(8,31,73,0.60);\n line-height: 1.7; text-align: center;\n}\n.philosophy__quote cite {\n display: block; font-family: 'Inter', sans-serif;\n font-style: normal; font-size: 0.62rem; font-weight: 600;\n letter-spacing: 0.16em; text-transform: uppercase;\n color: var(--gold); margin-top: 0.75rem;\n}\n\/* \u2500\u2500 FOTO B&N AGRANDADA \u2500\u2500 *\/\n.philosophy__right {\n position: relative;\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0;\n overflow: hidden;\n}\n.philosophy__photo-wrap {\n width: 100%;\n height: 100%;\n min-height: 520px;\n overflow: hidden;\n clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);\n box-shadow: none;\n}\n.philosophy__photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n display: block;\n filter: grayscale(1) contrast(0.88) brightness(1.18);\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RECURSOS \u2014 banner + curva + iconos\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.resources { position: relative; background: #ffffff; padding: 0; }\n.resources-banner {\n position: relative;\n background: var(--navy);\n padding: 4.5rem 5vw 6.5rem;\n overflow: visible;\n display: flex;\n justify-content: center;\n}\n.resources-banner__inner { max-width: 640px; text-align: center; }\n.resources-eyebrow-line {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: clamp(1.1rem, 1.6vw, 1.5rem);\n letter-spacing: 0.02em;\n color: rgba(255,255,255,0.85);\n margin-bottom: 0.25rem;\n}\n.resources-banner-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.6rem, 5vw, 4.4rem);\n font-weight: 600;\n color: #ffffff;\n line-height: 1.05;\n letter-spacing: -0.5px;\n}\n.resources-dash-dot { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 1.5rem auto 1.5rem; }\n.resources-dash-dot .dash { width: 70px; height: 1.5px; background: var(--gold); display: block; }\n.resources-dash-dot .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); display: block; }\n.resources-banner-sub {\n font-size: clamp(0.95rem, 1.15vw, 1.05rem);\n color: rgba(255,255,255,0.72);\n line-height: 1.75;\n max-width: 480px;\n margin: 0 auto;\n}\n.resources-wave { position: absolute; left: 0; bottom: -1px; width: 100%; height: 130px; line-height: 0; pointer-events: none; }\n.resources-wave svg { display: block; width: 100%; height: 100%; }\n.resources-icons {\n max-width: 1200px;\n margin: 0 auto;\n padding: 3.5rem 5vw 4.5rem;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n}\n.res-icon-item {\n flex: 1 1 0;\n min-width: 130px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 0 1.25rem;\n border-right: 1px solid rgba(8,31,73,0.10);\n}\n.res-icon-item:last-child { border-right: none; }\n.res-icon-circle {\n width: 76px; height: 76px;\n border-radius: 50%;\n background: #f0e7d8;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.1rem;\n}\n.res-icon-circle svg { width: 30px; height: 30px; stroke: var(--navy); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.res-icon-label {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.02em;\n color: var(--navy);\n line-height: 1.4;\n}\n.res-icon-dash { width: 26px; height: 1.5px; background: var(--gold); margin-top: 0.7rem; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-final {\n position: relative;\n background: #e8e8e8;\n padding: 6rem 3rem;\n text-align: center;\n}\n.cta-final__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.2rem, 4vw, 3.8rem);\n font-weight: 600; color: var(--navy);\n line-height: 1.15; margin-bottom: 1rem;\n max-width: 640px; margin-left: auto; margin-right: auto;\n}\n.cta-final__title em { font-style: italic; font-weight: 500; color: var(--gold); }\n.cta-final__sub {\n font-size: clamp(1rem, 1.3vw, 1.15rem);\n color: #4b5563; line-height: 1.8;\n max-width: 500px; margin: 0 auto 2.75rem;\n}\n.cta-wave { position: absolute; left: 0; bottom: -1px; width: 100%; height: 100px; line-height: 0; pointer-events: none; }\n.cta-wave svg { display: block; width: 100%; height: 100%; }\n.btn-gold {\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: var(--gold); color: #fff;\n font-size: 0.95rem; font-weight: 600;\n padding: 1rem 2.5rem; border-radius: 6px;\n transition: background 0.2s, transform 0.2s;\n}\n.btn-gold:hover { background: #b8893a; transform: translateY(-2px); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.footer { position: relative; background: #081929; padding: 3rem 3rem 1.5rem; }\n.footer__inner {\n max-width: var(--max); margin: 0 auto;\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 2rem; padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.footer__brand { display: flex; align-items: center; gap: 0.75rem; }\n.footer__logo { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(196,150,62,0.35); display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 0.9rem; font-weight: 600; color: var(--gold); }\n.footer__copy { font-size: 0.7rem; color: rgba(255,255,255,0.92); line-height: 1.6; }\n.footer__contacts { display: flex; align-items: flex-start; gap: 0; justify-content: space-around; flex-wrap: wrap; width: 100%; }\n.fc { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; }\n.fc__icon { width: 32px; height: 32px; border-radius: 50%; background: rgba(196,150,62,0.1); border: 1px solid rgba(196,150,62,0.2); display: flex; align-items: center; justify-content: center; }\n.fc__icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n.fc__label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #d9a548; display: block; margin-bottom: 0.3rem; }\n.fc__value { font-size: 0.74rem; color: rgba(255,255,255,0.95); line-height: 1.45; }\n.fc__value a { color: inherit; transition: color 0.2s; }\n.fc__value a:hover { color: var(--gold); }\n.footer__legal { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; width: 100%; text-align: center; }\n.footer__legal a { font-size: 0.68rem; color: #d9a548; transition: color 0.2s; }\n.footer__legal a:hover { color: #fff; }\n.footer__bottom { text-align: center; padding-top: 1.25rem; font-size: 0.65rem; color: rgba(255,255,255,0.45); letter-spacing: 0.08em; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1200px) {\n .patient-content { grid-template-columns: 1fr; }\n .patient-photo { display: none; }\n .patient-left { padding: 2rem 2rem 0.5rem; border-right: none; }\n .patient-right { padding: 1rem 2rem 2.5rem; }\n .stat-item:nth-child(n) { margin-left: 0; }\n .stat-num { font-size: clamp(3rem, 12vw, 5rem); min-width: 120px; }\n .services-row { grid-template-columns: repeat(3, 1fr); max-width: 100%; }\n .philosophy { grid-template-columns: 1fr; gap: 0; padding: 0; background: #ffffff; }\n .philosophy__left { padding: 3rem 2rem; }\n .philosophy__right { min-height: 400px; }\n .philosophy__photo-wrap { clip-path: none; min-height: 400px; border-radius: 24px; }\n}\n@media (max-width: 768px) {\n .services__editorial { grid-template-columns: 1fr; }\n .services__left { padding: 3rem 1.5rem; clip-path: none; overflow: hidden; }\n .services__title { white-space: normal; font-size: 2rem; }\n .services__list { padding: 1rem 1.5rem 2.5rem; background: #efefef; }\n .svc-row:nth-child(n) { margin-left: 0; }\n .svc-row { background: transparent; }\n .services__list::after { display: none; }\n .svc-row { border-bottom: 1px solid rgba(0,0,0,0.1); }\n .svc-row:last-child { border-bottom: none; }\n .svc-row__num {\n position: absolute;\n top: 0.5rem;\n right: 0.75rem;\n font-size: 1rem;\n min-width: auto;\n opacity: 1;\n color: var(--gold);\n display: block;\n }\n .services__title { font-size: 2.5rem; }\n .resources-banner { padding: 3.5rem 6vw 5rem; }\n .resources-icons { padding: 2.5rem 6vw 3rem; }\n .res-icon-item { flex: 1 1 40%; min-width: 130px; border-right: none; margin-bottom: 2rem; }\n .footer { padding: 2.5rem 1.5rem 1.25rem; }\n .footer__contacts { flex-direction: column; align-items: center; gap: 2rem; }\n .fc { width: 100%; }\n .philosophy__left { padding: 2.5rem 1.5rem; order: 1; }\n .philosophy__pillars { flex-direction: column; }\n .philosophy__right {\n order: -1;\n min-height: 300px;\n }\n .philosophy__photo-wrap {\n clip-path: none;\n min-height: 300px;\n width: 100%;\n border-radius: 20px;\n }\n .philosophy__photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMACIONES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.fade-up.d1 { transition-delay: 0.1s; }\n.fade-up.d2 { transition-delay: 0.2s; }\n.fade-up.d3 { transition-delay: 0.3s; }\n.fade-up.d4 { transition-delay: 0.4s; }\n.fade-up.d5 { transition-delay: 0.5s; }\n.fade-up.visible { opacity: 1; transform: translateY(0); }\n.hero-left, .hero-right, .patient-section {\n animation: fadeUp 1s ease forwards;\n}\n<\/style>\n<\/head>\n<body>\n<!-- MEN\u00da WORDPRESS SE INSERTA AQU\u00cd -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 flyer m\u00f3vil \/ banner escritorio\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero-mobile-only\">\n <div class=\"hero-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/08\/2.jpg\"\n alt=\"Dr. Ricardo Cepeda V\u00e1squez \u2014 Gastroenter\u00f3logo\"\n class=\"hero-img\">\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Gastroenterolog\u00eda de precisi\u00f3n<\/span>\n <h1 class=\"hero-title\">Comprender<br><em>antes de tratar<\/em><\/h1>\n <p class=\"hero-sub\">La medicina digestiva de precisi\u00f3n<br>comienza entendiendo la causa,<br>no solo los s\u00edntomas.<\/p>\n <div class=\"hero-doctor\">\n <span class=\"hero-doctor__name\">Dr. Ricardo Cepeda V.<\/span>\n <span class=\"hero-doctor__spec\">Gastroenterolog\u00eda \u00b7 Endoscopia digestiva<\/span>\n <\/div>\n <div class=\"hero-cta\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener\" class=\"btn-gold\">Agendar cita \u2192<\/a>\n <a href=\"#servicios\" class=\"hero-link\">Conocer servicios<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<section class=\"hero-desktop-only\">\n <div class=\"hero-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/08\/2.jpg\"\n alt=\"Dr. Ricardo Cepeda V\u00e1squez \u2014 Gastroenter\u00f3logo\"\n class=\"hero-img\">\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Gastroenterolog\u00eda de precisi\u00f3n<\/span>\n <h1 class=\"hero-title\">Comprender<br><em>antes de tratar<\/em><\/h1>\n <p class=\"hero-sub\">La medicina digestiva de precisi\u00f3n<br>comienza entendiendo la causa,<br>no solo los s\u00edntomas.<\/p>\n <div class=\"hero-doctor\">\n <span class=\"hero-doctor__name\">Dr. Ricardo Cepeda V.<\/span>\n <span class=\"hero-doctor__spec\">Gastroenterolog\u00eda \u00b7 Endoscopia digestiva<\/span>\n <\/div>\n <div class=\"hero-cta\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener\" class=\"btn-gold\">Agendar cita \u2192<\/a>\n <a href=\"#servicios\" class=\"hero-link\">Conocer servicios<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PATIENT SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"patient-section\">\n <div class=\"patient-content\">\n <div class=\"patient-left fade-up\">\n <h3>Experiencia que genera confianza<\/h3>\n <p>M\u00e1s de tres d\u00e9cadas dedicadas a la gastroenterolog\u00eda cl\u00ednica y endosc\u00f3pica en Bogot\u00e1, con formaci\u00f3n continua y un compromiso irrenunciable con cada paciente.<\/p>\n <\/div>\n <div class=\"patient-right fade-up d1\">\n <div class=\"stats-row\">\n <div class=\"stat-item\">\n <span class=\"stat-num\">30<em>+<\/em><\/span>\n <span class=\"stat-label\">A\u00f1os de ejercicio<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-num\">50K<em>+<\/em><\/span>\n <span class=\"stat-label\">Pacientes atendidos<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-num\">7<em>+<\/em><\/span>\n <span class=\"stat-label\">Convenios activos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services\" id=\"servicios\">\n <div class=\"services__bg\"><\/div>\n <div class=\"services__editorial\">\n <div class=\"services__left fade-up\">\n <span class=\"services__label\">Especialidades<\/span>\n <h2 class=\"services__title\">Portafolio de Servicios<\/h2>\n <p class=\"services__quote\">\u00abCada paciente requiere una valoraci\u00f3n individual, una escucha cuidadosa y decisiones cl\u00ednicas fundamentadas en evidencia. El objetivo no es solo tratar s\u00edntomas, sino comprender integralmente su origen para ofrecer soluciones personalizadas y sostenibles.\u00bb<\/p>\n <\/div>\n <div class=\"services__list\">\n <div class=\"svc-row fade-up d1\">\n <span class=\"svc-row__num\">01<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Gastroenterolog\u00eda <span>Cl\u00ednica<\/span><\/h3>\n <p class=\"svc-row__desc\">Diagn\u00f3stico y tratamiento integral de enfermedades digestivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d2\">\n <span class=\"svc-row__num\">02<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Endoscopia <span>Digestiva<\/span><\/h3>\n <p class=\"svc-row__desc\">Procedimientos diagn\u00f3sticos y terap\u00e9uticos de alta precisi\u00f3n con tecnolog\u00eda avanzada.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d3\">\n <span class=\"svc-row__num\">03<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Segunda <span>Opini\u00f3n<\/span><\/h3>\n <p class=\"svc-row__desc\">Revisi\u00f3n experta de diagn\u00f3sticos y tratamientos para decisiones informadas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d4\">\n <span class=\"svc-row__num\">04<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Chequeo <span>Preventivo<\/span><\/h3>\n <p class=\"svc-row__desc\">Evaluaciones personalizadas para prevenir enfermedades digestivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d5\">\n <span class=\"svc-row__num\">05<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Micro<span>biota<\/span><\/h3>\n <p class=\"svc-row__desc\">An\u00e1lisis y estrategias para restaurar el equilibrio de su microbiota intestinal.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d5\">\n <span class=\"svc-row__num\">06<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Rehabilitaci\u00f3n <span>Digestiva<\/span><\/h3>\n <p class=\"svc-row__desc\">Programas personalizados para recuperar la funci\u00f3n y el bienestar digestivo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FILOSOF\u00cdA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"philosophy\" id=\"filosofia\">\n <div class=\"philosophy__left\">\n <span class=\"philosophy__label fade-up\">Filosof\u00eda m\u00e9dica<\/span>\n <h2 class=\"philosophy__title fade-up d1\">\n Escuchar y entender al paciente<br><em>cambia el diagn\u00f3stico<\/em>\n <\/h2>\n <div class=\"philosophy__dash fade-up d1\"><\/div>\n <div class=\"philosophy__pillars fade-up d3\">\n <div class=\"pillar\">\n <div class=\"pillar__num\">I<\/div>\n <div class=\"pillar__name\">Escuchar<\/div>\n <div class=\"pillar__sub\">Atenci\u00f3n individualizada<\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__num\">II<\/div>\n <div class=\"pillar__name\">Precisi\u00f3n<\/div>\n <div class=\"pillar__sub\">Basada en evidencia<\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__num\">III<\/div>\n <div class=\"pillar__name\">Humanidad<\/div>\n <div class=\"pillar__sub\">Centrada en la persona<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"philosophy__right\">\n <div class=\"philosophy__photo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-27-jun-2026-12_47_29.jpg\"\n alt=\"Consultorio Dr. Cepeda\"\n class=\"philosophy__photo\">\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RECURSOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"resources\" id=\"recursos\">\n <div class=\"resources-banner\">\n <div class=\"resources-banner__inner\">\n <p class=\"resources-eyebrow-line fade-up\">Recursos para su<\/p>\n <h2 class=\"resources-banner-title fade-up d1\">Enfermedad Digestiva<\/h2>\n <div class=\"resources-dash-dot fade-up d1\"><span class=\"dash\"><\/span><span class=\"dot\"><\/span><\/div>\n <p class=\"resources-banner-sub fade-up d2\">Informaci\u00f3n confiable para comprender su enfermedad, prepararse para sus procedimientos y participar activamente en su tratamiento.<\/p>\n <\/div>\n <div class=\"resources-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1440 200\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,100 C300,160 450,130 650,110 C950,80 1200,20 1440,4 L1440,200 L0,200 Z\" fill=\"#ffffff\"><\/path>\n <path d=\"M0,100 C300,160 450,130 650,110 C950,80 1200,20 1440,4\" fill=\"none\" stroke=\"#c48500\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"resources-icons\">\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Gu\u00edas para<br>pacientes<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 19v3\"\/><path d=\"M8 22h8\"\/><rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"\/><path d=\"M5 10a7 7 0 0014 0\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Podcasts<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"3\"\/><polygon points=\"10,9 16,12 10,15\" fill=\"#081f49\" stroke=\"none\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Videos<br>educativos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 2h6a1 1 0 011 1v1H8V3a1 1 0 011-1z\"\/><rect x=\"5\" y=\"4\" width=\"14\" height=\"18\" rx=\"2\"\/><path d=\"M8.5 13.5l2 2 4-4\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Preparaci\u00f3n para<br>procedimientos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><path d=\"M14 2v6h6\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><line x1=\"8\" y1=\"17\" x2=\"13\" y2=\"17\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Art\u00edculos<br>m\u00e9dicos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><path d=\"M9.5 9a2.5 2.5 0 015 .3c0 1.7-2.3 2-2.3 3.5\" stroke=\"#081f49\"\/><circle cx=\"12\" cy=\"16\" r=\"0.6\" fill=\"#081f49\" stroke=\"none\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Preguntas<br>frecuentes<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-final\" id=\"contacto\">\n <h2 class=\"cta-final__title fade-up\">\n Su salud digestiva merece<br><em>respuestas claras<\/em>\n <\/h2>\n <p class=\"cta-final__sub fade-up d1\">\n Agende una valoraci\u00f3n especializada y d\u00e9 el siguiente paso hacia una mejor comprensi\u00f3n de su salud digestiva.\n <\/p>\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"btn-gold fade-up d2\" target=\"_blank\" rel=\"noopener\">\n Agendar cita \u2192\n <\/a>\n <div class=\"cta-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,75 Q720,0 1440,75 L1440,100 L0,100 Z\" fill=\"#081929\"><\/path>\n <path d=\"M0,75 Q720,0 1440,75\" fill=\"none\" stroke=\"#c48500\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\"><\/path>\n <\/svg>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer class=\"footer\">\n <div class=\"footer__inner\">\n <div class=\"footer__contacts\">\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">WhatsApp<\/span><span class=\"fc__value\"><a href=\"https:\/\/wa.me\/573052503820\">+57 305 250 3820<\/a><\/span><\/div>\n <\/div>\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">Consultorio<\/span><span class=\"fc__value\">Edificio Almirante Col\u00f3n<br>Cra 16 #84a-09, Cons. 513<br>Bogot\u00e1, Colombia<\/span><\/div>\n <\/div>\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.79 19.79 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">Tel\u00e9fonos<\/span><span class=\"fc__value\">601 285 5670 \u00b7 601 300 3217<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer__legal\">\n <a href=\"\/aviso-de-privacidad\">Aviso de privacidad<\/a>\n <a href=\"https:\/\/doctorcepeda.com.co\/index.php\/politicas\/\" target=\"_blank\">Pol\u00edtica de datos<\/a>\n <\/div>\n <\/div>\n <div class=\"footer__bottom\">\n \u00a9 2026 Dr. Ricardo Cepeda V. \u00b7 Todos los derechos reservados\n <\/div>\n<\/footer>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }\n });\n }, { threshold: 0.08 });\n document.querySelectorAll('.fade-up').forEach(el => io.observe(el));\n const svcItems = document.querySelectorAll('.svc-item');\n svcItems.forEach(item => {\n item.addEventListener('click', e => {\n if (!window.matchMedia('(hover: none)').matches) return;\n e.preventDefault();\n const active = item.classList.contains('is-active');\n svcItems.forEach(i => i.classList.remove('is-active'));\n if (!active) item.classList.add('is-active');\n });\n });\n const statsObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n statsObserver.unobserve(entry.target);\n entry.target.querySelectorAll('.stat-num').forEach(numEl => {\n const em = numEl.querySelector('em');\n const fullText = numEl.childNodes[0].nodeValue.trim();\n const isK = fullText.includes('K');\n const target = parseInt(fullText.replace('K',''));\n const duration = 1600;\n const startTime = performance.now();\n function tick(now) {\n const p = Math.min((now - startTime) \/ duration, 1);\n const ease = p === 1 ? 1 : 1 - Math.pow(2, -10 * p);\n const val = Math.round(ease * target);\n numEl.childNodes[0].nodeValue = (isK ? val + 'K' : val) + ' ';\n if (p < 1) requestAnimationFrame(tick);\n else numEl.childNodes[0].nodeValue = fullText;\n }\n requestAnimationFrame(tick);\n });\n });\n }, { threshold: 0.35 });\n const patientRight = document.querySelector('.patient-right');\n if (patientRight) statsObserver.observe(patientRight);\n const header = document.querySelector('header');\n window.addEventListener('scroll', () => {\n if (header) header.style.boxShadow = scrollY > 8 ? '0 2px 20px rgba(13,42,69,0.08)' : 'none';\n }, { passive: true });\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-821916a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"821916a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Dr. Ricardo Cepeda V. \u2014 Gastroenter\u00f3logo \u00b7 Bogot\u00e1<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml {\n scroll-behavior: smooth;\n background: #ffffff;\n min-height: 100%;\n margin: 0;\n padding: 0;\n}\nbody {\n font-family: 'Inter', sans-serif;\n background: #ffffff;\n color: #e8edf5;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n width: 100%;\n}\nimg { display: block; max-width: 100%; }\na { text-decoration: none; color: inherit; }\n\/* \u2500\u2500 TOKENS \u2500\u2500 *\/\n:root {\n --navy: #081f49;\n --gold: #c48500;\n --gray: #4b5563;\n --max: 1380px;\n}\n.container {\n width: 92%;\n max-width: 1450px;\n margin: auto;\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 mobile flyer \/ desktop banner\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-mobile-only { display: none; }\n.hero-desktop-only { display: block; }\n@media (max-width: 768px) {\n .hero-mobile-only { display: block; }\n .hero-desktop-only { display: none; }\n}\n.hero-wrap { width: 100%; line-height: 0; overflow: hidden; position: relative; }\n.hero-img {\n width: 100%; height: auto; display: block;\n filter: saturate(0.55) brightness(1.05);\n}\n.hero-plain-link {\n position: absolute !important;\n display: block !important;\n min-height: 34px;\n text-decoration: none !important;\n background: transparent !important;\n z-index: 999 !important;\n cursor: pointer;\n pointer-events: auto !important;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PATIENT SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.patient-section {\n position: relative;\n background: #f5f0e8;\n border-top: 1px solid rgba(8,31,73,0.08);\n border-bottom: none;\n color: #1a1a1a;\n}\n.patient-content {\n max-width: 1280px;\n margin: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n padding: 0;\n min-height: 420px;\n}\n.patient-left {\n padding: 4rem 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-right: 1px solid rgba(8,31,73,0.1);\n}\n.patient-left h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3vw, 3rem);\n color: var(--navy);\n font-weight: 600;\n line-height: 1.15;\n letter-spacing: -0.5px;\n margin-bottom: 1.2rem;\n}\n.patient-left p {\n font-size: 0.95rem;\n color: #5a6478;\n line-height: 1.75;\n max-width: 400px;\n text-align: justify;\n}\n.patient-right {\n padding: 4rem 4rem 4rem 4.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 0;\n}\n.stat-item {\n display: flex;\n align-items: baseline;\n gap: 1.5rem;\n padding: 1.6rem 0;\n border-bottom: 1px solid rgba(8,31,73,0.09);\n position: relative;\n}\n.stat-item:last-child {\n border-bottom: none;\n}\n.stat-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3.5rem, 5.5vw, 6rem);\n font-weight: 600;\n color: var(--navy);\n line-height: 1;\n letter-spacing: -2px;\n min-width: 160px;\n}\n.stat-num em {\n font-style: normal;\n color: var(--gold);\n font-size: 0.55em;\n letter-spacing: 0;\n}\n.stat-label {\n font-size: 0.72rem;\n font-weight: 500;\n color: #7a8499;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n line-height: 1.4;\n}\n.stat-divider { display: none; }\n.stats-row { display: contents; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS \u2014 lista editorial\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.services {\n position: relative;\n overflow: visible;\n background: #ffffff;\n padding: 0;\n}\n.services__bg { display: none; }\n.services__editorial {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 560px;\n position: relative;\n}\n.services__left {\n background: #1c2b3e;\n position: relative;\n overflow: visible;\n padding: 4rem 30% 4rem 3rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);\n z-index: 1;\n}\n.services__left::before { display: none; }\n.services__label {\n display: block;\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 1rem;\n position: relative;\n}\n.services__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.6rem, 2.8vw, 3rem);\n white-space: nowrap;\n font-weight: 600;\n color: #ffffff;\n line-height: 1.05;\n margin-bottom: 1.75rem;\n position: relative;\n}\n.services__quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 1.35vw, 1.3rem);\n font-style: normal;\n color: rgba(255,255,255,0.72);\n line-height: 1.8;\n border-left: 2px solid var(--gold);\n padding-left: 1.25rem;\n position: relative;\n}\n.services__list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 0;\n background: #ffffff;\n padding: 2.5rem 1.5rem 2.5rem 3rem;\n position: relative;\n}\n.services__list::after { display: none; }\n.svc-row {\n display: flex;\n align-items: center;\n gap: 3rem;\n padding: 1.1rem 1rem;\n background: transparent;\n border: none;\n border-bottom: 1px solid rgba(8,31,73,0.09);\n border-radius: 0;\n cursor: default;\n position: relative;\n overflow: visible;\n}\n.svc-row:first-child { border-top: 1px solid rgba(8,31,73,0.09); }\n.svc-row:last-child { border-bottom: none; }\n\/* Escalonado diagonal *\/\n.svc-row:nth-child(1) { margin-left: 5.5rem; }\n.svc-row:nth-child(2) { margin-left: 4.5rem; }\n.svc-row:nth-child(3) { margin-left: 3.5rem; }\n.svc-row:nth-child(4) { margin-left: 2.5rem; }\n.svc-row:nth-child(5) { margin-left: 1.5rem; }\n.svc-row:nth-child(6) { margin-left: 0.5rem; }\n.svc-row__num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 3.8rem;\n font-weight: 600;\n color: #c48500;\n letter-spacing: -0.02em;\n min-width: 80px;\n line-height: 1;\n flex-shrink: 0;\n opacity: 0.95;\n}\n.svc-row__body { flex: 1; }\n.svc-row__name {\n font-family: 'Inter', sans-serif;\n font-size: clamp(1rem, 1.2vw, 1.15rem);\n font-weight: 700;\n color: #0a1a36;\n line-height: 1.25;\n margin-bottom: 0.2rem;\n letter-spacing: -0.01em;\n}\n.svc-row__name span { color: #0a1a36; font-weight: 700; }\n.svc-row__desc {\n font-size: 0.78rem;\n color: #6b7280;\n line-height: 1.5;\n}\n.svc-row__arrow { display: none; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FILOSOF\u00cdA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.philosophy {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: stretch;\n gap: 0;\n background: #ffffff;\n padding: 0;\n min-height: 560px;\n}\n.philosophy__left {\n background: transparent;\n padding: 5rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n position: relative;\n}\n.philosophy__left::before { display: none; }\n.philosophy__left::after { display: none; }\n.philosophy__label {\n font-size: 0.62rem; font-weight: 600;\n letter-spacing: 0.22em; text-transform: uppercase;\n color: var(--gold); margin-bottom: 1.5rem; display: block;\n}\n.philosophy__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.4rem, 4vw, 4rem);\n font-weight: 600; color: var(--navy);\n line-height: 1.05; margin-bottom: 0.5rem;\n letter-spacing: -1.5px;\n}\n.philosophy__title em { font-style: italic; font-weight: 500; color: var(--gold); }\n.philosophy__dash { width: 36px; height: 2px; background: var(--gold); margin: 1.25rem auto 1.75rem; }\n.philosophy__body {\n font-size: clamp(0.95rem, 1.2vw, 1.1rem);\n color: #5a6478; line-height: 1.85; margin-bottom: 0.9rem;\n}\n.philosophy__pillars {\n display: flex; gap: 0;\n margin: 2rem 0 2.25rem;\n flex-wrap: nowrap; justify-content: center;\n width: 100%;\n}\n.pillar {\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 0.35rem; padding: 0 2rem;\n flex: 1;\n border-right: 1px solid rgba(8,31,73,0.10);\n}\n.pillar:last-child { border-right: none; }\n.pillar__num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.65rem; font-weight: 600;\n color: var(--gold); letter-spacing: 0.22em;\n text-transform: uppercase; margin-bottom: 0.25rem;\n}\n.pillar__name {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.3rem, 1.8vw, 1.65rem);\n font-weight: 600; color: var(--navy);\n letter-spacing: -0.02em; line-height: 1.1;\n}\n.pillar__sub {\n font-size: 0.68rem; color: #7a8499;\n font-family: 'Inter', sans-serif; line-height: 1.45;\n font-weight: 400;\n}\n.philosophy__quote {\n border-top: 1px solid rgba(196,150,62,0.25);\n padding: 1.25rem 0 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.05rem, 1.5vw, 1.25rem);\n font-style: italic;\n color: rgba(8,31,73,0.60);\n line-height: 1.7; text-align: center;\n}\n.philosophy__quote cite {\n display: block; font-family: 'Inter', sans-serif;\n font-style: normal; font-size: 0.62rem; font-weight: 600;\n letter-spacing: 0.16em; text-transform: uppercase;\n color: var(--gold); margin-top: 0.75rem;\n}\n\/* \u2500\u2500 FOTO B&N AGRANDADA \u2500\u2500 *\/\n.philosophy__right {\n position: relative;\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0;\n overflow: hidden;\n}\n.philosophy__photo-wrap {\n width: 100%;\n height: 100%;\n min-height: 520px;\n overflow: hidden;\n clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);\n box-shadow: none;\n}\n.philosophy__photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 20%;\n display: block;\n filter: grayscale(1) contrast(0.88) brightness(1.18);\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RECURSOS \u2014 banner + curva + iconos\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.resources { position: relative; background: #ffffff; padding: 0; }\n.resources-banner {\n position: relative;\n background: var(--navy);\n padding: 4.5rem 5vw 6.5rem;\n overflow: visible;\n display: flex;\n justify-content: center;\n}\n.resources-banner__inner { max-width: 640px; text-align: center; }\n.resources-eyebrow-line {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-size: clamp(1.1rem, 1.6vw, 1.5rem);\n letter-spacing: 0.02em;\n color: rgba(255,255,255,0.85);\n margin-bottom: 0.25rem;\n}\n.resources-banner-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.6rem, 5vw, 4.4rem);\n font-weight: 600;\n color: #ffffff;\n line-height: 1.05;\n letter-spacing: -0.5px;\n}\n.resources-dash-dot { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 1.5rem auto 1.5rem; }\n.resources-dash-dot .dash { width: 70px; height: 1.5px; background: var(--gold); display: block; }\n.resources-dash-dot .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); display: block; }\n.resources-banner-sub {\n font-size: clamp(0.95rem, 1.15vw, 1.05rem);\n color: rgba(255,255,255,0.72);\n line-height: 1.75;\n max-width: 480px;\n margin: 0 auto;\n}\n.resources-wave { position: absolute; left: 0; bottom: -1px; width: 100%; height: 130px; line-height: 0; pointer-events: none; }\n.resources-wave svg { display: block; width: 100%; height: 100%; }\n.resources-icons {\n max-width: 1200px;\n margin: 0 auto;\n padding: 3.5rem 5vw 4.5rem;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n}\n.res-icon-item {\n flex: 1 1 0;\n min-width: 130px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 0 1.25rem;\n border-right: 1px solid rgba(8,31,73,0.10);\n}\n.res-icon-item:last-child { border-right: none; }\n.res-icon-circle {\n width: 76px; height: 76px;\n border-radius: 50%;\n background: #f0e7d8;\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 1.1rem;\n}\n.res-icon-circle svg { width: 30px; height: 30px; stroke: var(--navy); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.res-icon-label {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.02em;\n color: var(--navy);\n line-height: 1.4;\n}\n.res-icon-dash { width: 26px; height: 1.5px; background: var(--gold); margin-top: 0.7rem; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-final {\n position: relative;\n background: #e8e8e8;\n padding: 6rem 3rem;\n text-align: center;\n}\n.cta-final__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.2rem, 4vw, 3.8rem);\n font-weight: 600; color: var(--navy);\n line-height: 1.15; margin-bottom: 1rem;\n max-width: 640px; margin-left: auto; margin-right: auto;\n}\n.cta-final__title em { font-style: italic; font-weight: 500; color: var(--gold); }\n.cta-final__sub {\n font-size: clamp(1rem, 1.3vw, 1.15rem);\n color: #4b5563; line-height: 1.8;\n max-width: 500px; margin: 0 auto 2.75rem;\n}\n.cta-wave { position: absolute; left: 0; bottom: -1px; width: 100%; height: 100px; line-height: 0; pointer-events: none; }\n.cta-wave svg { display: block; width: 100%; height: 100%; }\n.btn-gold {\n display: inline-flex; align-items: center; gap: 0.5rem;\n background: var(--gold); color: #fff;\n font-size: 0.95rem; font-weight: 600;\n padding: 1rem 2.5rem; border-radius: 6px;\n transition: background 0.2s, transform 0.2s;\n}\n.btn-gold:hover { background: #b8893a; transform: translateY(-2px); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.footer { position: relative; background: #081929; padding: 3rem 3rem 1.5rem; }\n.footer__inner {\n max-width: var(--max); margin: 0 auto;\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 2rem; padding-bottom: 2rem;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.footer__brand { display: flex; align-items: center; gap: 0.75rem; }\n.footer__logo { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(196,150,62,0.35); display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 0.9rem; font-weight: 600; color: var(--gold); }\n.footer__copy { font-size: 0.7rem; color: rgba(255,255,255,0.92); line-height: 1.6; }\n.footer__contacts { display: flex; align-items: flex-start; gap: 0; justify-content: space-around; flex-wrap: wrap; width: 100%; }\n.fc { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; }\n.fc__icon { width: 32px; height: 32px; border-radius: 50%; background: rgba(196,150,62,0.1); border: 1px solid rgba(196,150,62,0.2); display: flex; align-items: center; justify-content: center; }\n.fc__icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n.fc__label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #d9a548; display: block; margin-bottom: 0.3rem; }\n.fc__value { font-size: 0.74rem; color: rgba(255,255,255,0.95); line-height: 1.45; }\n.fc__value a { color: inherit; transition: color 0.2s; }\n.fc__value a:hover { color: var(--gold); }\n.footer__legal { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; width: 100%; text-align: center; }\n.footer__legal a { font-size: 0.68rem; color: #d9a548; transition: color 0.2s; }\n.footer__legal a:hover { color: #fff; }\n.footer__bottom { text-align: center; padding-top: 1.25rem; font-size: 0.65rem; color: rgba(255,255,255,0.45); letter-spacing: 0.08em; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1200px) {\n .patient-content { grid-template-columns: 1fr; }\n .patient-photo { display: none; }\n .patient-left { padding: 2rem 2rem 0.5rem; border-right: none; }\n .patient-right { padding: 1rem 2rem 2.5rem; }\n .stat-item:nth-child(n) { margin-left: 0; }\n .stat-num { font-size: clamp(3rem, 12vw, 5rem); min-width: 120px; }\n .services-row { grid-template-columns: repeat(3, 1fr); max-width: 100%; }\n .philosophy { grid-template-columns: 1fr; gap: 0; padding: 0; background: #ffffff; }\n .philosophy__left { padding: 3rem 2rem; }\n .philosophy__right { min-height: 400px; }\n .philosophy__photo-wrap { clip-path: none; min-height: 400px; border-radius: 24px; }\n}\n@media (max-width: 768px) {\n .services__editorial { grid-template-columns: 1fr; }\n .services__left { padding: 3rem 1.5rem; clip-path: none; overflow: hidden; }\n .services__title { white-space: normal; font-size: 2rem; }\n .services__list { padding: 1rem 1.5rem 2.5rem; background: #efefef; }\n .svc-row:nth-child(n) { margin-left: 0; }\n .svc-row { background: transparent; }\n .services__list::after { display: none; }\n .svc-row { border-bottom: 1px solid rgba(0,0,0,0.1); }\n .svc-row:last-child { border-bottom: none; }\n .svc-row__num {\n position: absolute;\n top: 0.5rem;\n right: 0.75rem;\n font-size: 1rem;\n min-width: auto;\n opacity: 1;\n color: var(--gold);\n display: block;\n }\n .services__title { font-size: 2.5rem; }\n .resources-banner { padding: 3.5rem 6vw 5rem; }\n .resources-icons { padding: 2.5rem 6vw 3rem; }\n .res-icon-item { flex: 1 1 40%; min-width: 130px; border-right: none; margin-bottom: 2rem; }\n .footer { padding: 2.5rem 1.5rem 1.25rem; }\n .footer__contacts { flex-direction: column; align-items: center; gap: 2rem; }\n .fc { width: 100%; }\n .philosophy__left { padding: 2.5rem 1.5rem; order: 1; }\n .philosophy__pillars { flex-direction: column; }\n .philosophy__right {\n order: -1;\n min-height: 300px;\n }\n .philosophy__photo-wrap {\n clip-path: none;\n min-height: 300px;\n width: 100%;\n border-radius: 20px;\n }\n .philosophy__photo {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 20%;\n }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMACIONES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n.fade-up.d1 { transition-delay: 0.1s; }\n.fade-up.d2 { transition-delay: 0.2s; }\n.fade-up.d3 { transition-delay: 0.3s; }\n.fade-up.d4 { transition-delay: 0.4s; }\n.fade-up.d5 { transition-delay: 0.5s; }\n.fade-up.visible { opacity: 1; transform: translateY(0); }\n.hero-left, .hero-right, .patient-section {\n animation: fadeUp 1s ease forwards;\n}\n<\/style>\n<\/head>\n<body>\n<!-- MEN\u00da WORDPRESS SE INSERTA AQU\u00cd -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 flyer m\u00f3vil \/ banner escritorio\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero-mobile-only\">\n <div class=\"hero-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jul-2026-16_13_48.jpg\"\n alt=\"Dr. Ricardo Cepeda V\u00e1squez \u2014 Gastroenter\u00f3logo\"\n class=\"hero-img\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener\" aria-label=\"Agendar cita\"\n class=\"hero-plain-link\" style=\"left:5%; bottom:8%; width:22%; height:9%;\"><\/a>\n <a href=\"#servicios\" aria-label=\"Conocer servicios\"\n class=\"hero-plain-link\" style=\"left:33%; bottom:8%; width:22%; height:9%;\"><\/a>\n <\/div>\n<\/section>\n<section class=\"hero-desktop-only\">\n <div class=\"hero-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/Cepeda_hero2026.jpg\"\n alt=\"Dr. Ricardo Cepeda V\u00e1squez \u2014 Gastroenter\u00f3logo\"\n class=\"hero-img\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener\" aria-label=\"Agendar cita\"\n class=\"hero-plain-link\" style=\"left:5%; bottom:8%; width:22%; height:9%;\"><\/a>\n <a href=\"#servicios\" aria-label=\"Conocer servicios\"\n class=\"hero-plain-link\" style=\"left:33%; bottom:8%; width:22%; height:9%;\"><\/a>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PATIENT SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"patient-section\">\n <div class=\"patient-content\">\n <div class=\"patient-left fade-up\">\n <h3>Experiencia que genera confianza<\/h3>\n <p>M\u00e1s de tres d\u00e9cadas dedicadas a la gastroenterolog\u00eda cl\u00ednica y endosc\u00f3pica en Bogot\u00e1, con formaci\u00f3n continua y un compromiso irrenunciable con cada paciente.<\/p>\n <\/div>\n <div class=\"patient-right fade-up d1\">\n <div class=\"stats-row\">\n <div class=\"stat-item\">\n <span class=\"stat-num\">30<em>+<\/em><\/span>\n <span class=\"stat-label\">A\u00f1os de ejercicio<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-num\">50K<em>+<\/em><\/span>\n <span class=\"stat-label\">Pacientes atendidos<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-num\">7<em>+<\/em><\/span>\n <span class=\"stat-label\">Convenios activos<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services\" id=\"servicios\">\n <div class=\"services__bg\"><\/div>\n <div class=\"services__editorial\">\n <div class=\"services__left fade-up\">\n <span class=\"services__label\">Especialidades<\/span>\n <h2 class=\"services__title\">Portafolio de Servicios<\/h2>\n <p class=\"services__quote\">\u00abCada paciente requiere una valoraci\u00f3n individual, una escucha cuidadosa y decisiones cl\u00ednicas fundamentadas en evidencia. El objetivo no es solo tratar s\u00edntomas, sino comprender integralmente su origen para ofrecer soluciones personalizadas y sostenibles.\u00bb<\/p>\n <\/div>\n <div class=\"services__list\">\n <div class=\"svc-row fade-up d1\">\n <span class=\"svc-row__num\">01<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Gastroenterolog\u00eda <span>Cl\u00ednica<\/span><\/h3>\n <p class=\"svc-row__desc\">Diagn\u00f3stico y tratamiento integral de enfermedades digestivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d2\">\n <span class=\"svc-row__num\">02<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Endoscopia <span>Digestiva<\/span><\/h3>\n <p class=\"svc-row__desc\">Procedimientos diagn\u00f3sticos y terap\u00e9uticos de alta precisi\u00f3n con tecnolog\u00eda avanzada.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d3\">\n <span class=\"svc-row__num\">03<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Segunda <span>Opini\u00f3n<\/span><\/h3>\n <p class=\"svc-row__desc\">Revisi\u00f3n experta de diagn\u00f3sticos y tratamientos para decisiones informadas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d4\">\n <span class=\"svc-row__num\">04<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Chequeo <span>Preventivo<\/span><\/h3>\n <p class=\"svc-row__desc\">Evaluaciones personalizadas para prevenir enfermedades digestivas.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d5\">\n <span class=\"svc-row__num\">05<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Micro<span>biota<\/span><\/h3>\n <p class=\"svc-row__desc\">An\u00e1lisis y estrategias para restaurar el equilibrio de su microbiota intestinal.<\/p>\n <\/div>\n <\/div>\n <div class=\"svc-row fade-up d5\">\n <span class=\"svc-row__num\">06<\/span>\n <div class=\"svc-row__body\">\n <h3 class=\"svc-row__name\">Rehabilitaci\u00f3n <span>Digestiva<\/span><\/h3>\n <p class=\"svc-row__desc\">Programas personalizados para recuperar la funci\u00f3n y el bienestar digestivo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FILOSOF\u00cdA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"philosophy\" id=\"filosofia\">\n <div class=\"philosophy__left\">\n <span class=\"philosophy__label fade-up\">Filosof\u00eda m\u00e9dica<\/span>\n <h2 class=\"philosophy__title fade-up d1\">\n Escuchar y entender al paciente<br><em>cambia el diagn\u00f3stico<\/em>\n <\/h2>\n <div class=\"philosophy__dash fade-up d1\"><\/div>\n <div class=\"philosophy__pillars fade-up d3\">\n <div class=\"pillar\">\n <div class=\"pillar__num\">I<\/div>\n <div class=\"pillar__name\">Escuchar<\/div>\n <div class=\"pillar__sub\">Atenci\u00f3n individualizada<\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__num\">II<\/div>\n <div class=\"pillar__name\">Precisi\u00f3n<\/div>\n <div class=\"pillar__sub\">Basada en evidencia<\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__num\">III<\/div>\n <div class=\"pillar__name\">Humanidad<\/div>\n <div class=\"pillar__sub\">Centrada en la persona<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"philosophy__right\">\n <div class=\"philosophy__photo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-27-jun-2026-12_47_29.jpg\"\n alt=\"Consultorio Dr. Cepeda\"\n class=\"philosophy__photo\">\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RECURSOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"resources\" id=\"recursos\">\n <div class=\"resources-banner\">\n <div class=\"resources-banner__inner\">\n <p class=\"resources-eyebrow-line fade-up\">Recursos para su<\/p>\n <h2 class=\"resources-banner-title fade-up d1\">Enfermedad Digestiva<\/h2>\n <div class=\"resources-dash-dot fade-up d1\"><span class=\"dash\"><\/span><span class=\"dot\"><\/span><\/div>\n <p class=\"resources-banner-sub fade-up d2\">Informaci\u00f3n confiable para comprender su enfermedad, prepararse para sus procedimientos y participar activamente en su tratamiento.<\/p>\n <\/div>\n <div class=\"resources-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1440 200\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,100 C300,160 450,130 650,110 C950,80 1200,20 1440,4 L1440,200 L0,200 Z\" fill=\"#ffffff\"><\/path>\n <path d=\"M0,100 C300,160 450,130 650,110 C950,80 1200,20 1440,4\" fill=\"none\" stroke=\"#c48500\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"resources-icons\">\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Gu\u00edas para<br>pacientes<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 19v3\"\/><path d=\"M8 22h8\"\/><rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"\/><path d=\"M5 10a7 7 0 0014 0\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Podcasts<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"3\"\/><polygon points=\"10,9 16,12 10,15\" fill=\"#081f49\" stroke=\"none\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Videos<br>educativos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 2h6a1 1 0 011 1v1H8V3a1 1 0 011-1z\"\/><rect x=\"5\" y=\"4\" width=\"14\" height=\"18\" rx=\"2\"\/><path d=\"M8.5 13.5l2 2 4-4\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Preparaci\u00f3n para<br>procedimientos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><path d=\"M14 2v6h6\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><line x1=\"8\" y1=\"17\" x2=\"13\" y2=\"17\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Art\u00edculos<br>m\u00e9dicos<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <div class=\"res-icon-item\">\n <div class=\"res-icon-circle\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><path d=\"M9.5 9a2.5 2.5 0 015 .3c0 1.7-2.3 2-2.3 3.5\" stroke=\"#081f49\"\/><circle cx=\"12\" cy=\"16\" r=\"0.6\" fill=\"#081f49\" stroke=\"none\"\/><\/svg><\/div>\n <span class=\"res-icon-label\">Preguntas<br>frecuentes<\/span>\n <span class=\"res-icon-dash\"><\/span>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-final\" id=\"contacto\">\n <h2 class=\"cta-final__title fade-up\">\n Su salud digestiva merece<br><em>respuestas claras<\/em>\n <\/h2>\n <p class=\"cta-final__sub fade-up d1\">\n Agende una valoraci\u00f3n especializada y d\u00e9 el siguiente paso hacia una mejor comprensi\u00f3n de su salud digestiva.\n <\/p>\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"btn-gold fade-up d2\" target=\"_blank\" rel=\"noopener\">\n Agendar cita \u2192\n <\/a>\n <div class=\"cta-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M0,75 Q720,0 1440,75 L1440,100 L0,100 Z\" fill=\"#081929\"><\/path>\n <path d=\"M0,75 Q720,0 1440,75\" fill=\"none\" stroke=\"#c48500\" stroke-width=\"2.5\" vector-effect=\"non-scaling-stroke\"><\/path>\n <\/svg>\n <\/div>\n<\/section>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer class=\"footer\">\n <div class=\"footer__inner\">\n <div class=\"footer__contacts\">\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">WhatsApp<\/span><span class=\"fc__value\"><a href=\"https:\/\/wa.me\/573052503820\">+57 305 250 3820<\/a><\/span><\/div>\n <\/div>\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">Consultorio<\/span><span class=\"fc__value\">Edificio Almirante Col\u00f3n<br>Cra 16 #84a-09, Cons. 513<br>Bogot\u00e1, Colombia<\/span><\/div>\n <\/div>\n <div class=\"fc\">\n <div class=\"fc__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.79 19.79 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n <div><span class=\"fc__label\">Tel\u00e9fonos<\/span><span class=\"fc__value\">601 285 5670 \u00b7 601 300 3217<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"footer__legal\">\n <a href=\"\/aviso-de-privacidad\">Aviso de privacidad<\/a>\n <a href=\"https:\/\/doctorcepeda.com.co\/index.php\/politicas\/\" target=\"_blank\">Pol\u00edtica de datos<\/a>\n <\/div>\n <\/div>\n <div class=\"footer__bottom\">\n \u00a9 2026 Dr. Ricardo Cepeda V. \u00b7 Todos los derechos reservados\n <\/div>\n<\/footer>\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }\n });\n }, { threshold: 0.08 });\n document.querySelectorAll('.fade-up').forEach(el => io.observe(el));\n const svcItems = document.querySelectorAll('.svc-item');\n svcItems.forEach(item => {\n item.addEventListener('click', e => {\n if (!window.matchMedia('(hover: none)').matches) return;\n e.preventDefault();\n const active = item.classList.contains('is-active');\n svcItems.forEach(i => i.classList.remove('is-active'));\n if (!active) item.classList.add('is-active');\n });\n });\n const statsObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n statsObserver.unobserve(entry.target);\n entry.target.querySelectorAll('.stat-num').forEach(numEl => {\n const em = numEl.querySelector('em');\n const fullText = numEl.childNodes[0].nodeValue.trim();\n const isK = fullText.includes('K');\n const target = parseInt(fullText.replace('K',''));\n const duration = 1600;\n const startTime = performance.now();\n function tick(now) {\n const p = Math.min((now - startTime) \/ duration, 1);\n const ease = p === 1 ? 1 : 1 - Math.pow(2, -10 * p);\n const val = Math.round(ease * target);\n numEl.childNodes[0].nodeValue = (isK ? val + 'K' : val) + ' ';\n if (p < 1) requestAnimationFrame(tick);\n else numEl.childNodes[0].nodeValue = fullText;\n }\n requestAnimationFrame(tick);\n });\n });\n }, { threshold: 0.35 });\n const patientRight = document.querySelector('.patient-right');\n if (patientRight) statsObserver.observe(patientRight);\n const header = document.querySelector('header');\n window.addEventListener('scroll', () => {\n if (header) header.style.boxShadow = scrollY > 8 ? '0 2px 20px rgba(13,42,69,0.08)' : 'none';\n }, { passive: true });\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Dr. Ricardo Cepeda V. \u2014 Gastroenter\u00f3logo \u00b7 Bogot\u00e1 Gastroenterolog\u00eda de precisi\u00f3n Comprenderantes de tratar La medicina digestiva de precisi\u00f3ncomienza entendiendo la causa,no solo los s\u00edntomas. Dr. Ricardo Cepeda V. Gastroenterolog\u00eda \u00b7 Endoscopia digestiva Agendar cita \u2192 Conocer servicios Gastroenterolog\u00eda de precisi\u00f3n Comprenderantes de tratar La medicina digestiva de precisi\u00f3ncomienza entendiendo la causa,no solo los s\u00edntomas.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-40897","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/comments?post=40897"}],"version-history":[{"count":134,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40897\/revisions"}],"predecessor-version":[{"id":42107,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40897\/revisions\/42107"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}