{"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-06-29T23:48:37","modified_gmt":"2026-06-30T04:48:37","slug":"doctorcepeda-v2","status":"publish","type":"page","link":"https:\/\/doctorcepeda.com.co\/","title":{"rendered":"Doctorcepeda v2"},"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\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\n\/* \u2500\u2500 TOKENS \u2500\u2500 *\/\n:root {\n --navy: #081f49;\n --gold: #c48500;\n --gray: #4b5563;\n --max: 1380px;\n}\n\n.container {\n width: 92%;\n max-width: 1450px;\n margin: auto;\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 HEADER \/ NAV\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\/* \u2500\u2500 BANNER SLOT \u2500\u2500 *\/\n.banner-slot {\n width: 100%;\n min-height: 0;\n display: block;\n overflow: hidden;\n line-height: 0;\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero-wrap { width: 100%; line-height: 0; overflow: hidden; }\n.hero-img {\n width: 100%; height: auto; display: block;\n filter: saturate(0.55) brightness(1.05);\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 HERO\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\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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 fondo crema, foto nuevo traje\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-wrap {\n width: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.hero-img {\n width: 100%;\n height: auto;\n display: block;\n filter: saturate(0.55) brightness(1.05);\n}\n\/* logo dentro del hero *\/\n.hero-logo {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 28px 0 0;\n}\n.hero-logo__rc {\n font-family: 'Cormorant Garamond', serif;\n font-size: 46px;\n font-weight: 600;\n color: var(--gold);\n line-height: 1;\n}\n.hero-logo__text h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 28px;\n font-weight: 600;\n color: var(--navy);\n line-height: 1.1;\n}\n.hero-logo__text p {\n color: var(--gold);\n letter-spacing: 2.5px;\n font-size: 11px;\n font-weight: 600;\n}\n.hero {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n align-items: stretch;\n min-height: 720px;\n position: relative;\n}\n.hero-left {\n padding: 40px 60px 60px 0;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.mini-title {\n color: var(--gold);\n font-size: 13px;\n letter-spacing: 2.5px;\n margin-bottom: 10px;\n font-weight: 600;\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.mini-title::after {\n content: '';\n display: inline-block;\n width: 32px;\n height: 1.5px;\n background: var(--gold);\n}\n.hero h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(60px, 7vw, 105px);\n line-height: 0.92;\n font-weight: 600;\n color: var(--navy);\n letter-spacing: -2px;\n margin-top: 18px;\n}\n.subtitle {\n margin-top: 28px;\n font-size: clamp(16px, 1.6vw, 22px);\n line-height: 1.65;\n max-width: 520px;\n color: #5a6478;\n}\n.tags {\n display: flex;\n gap: 10px;\n margin-top: 32px;\n flex-wrap: wrap;\n}\n.tag {\n background: rgba(255,255,255,0.75);\n border: 1px solid rgba(8,31,73,0.10);\n box-shadow: 0 4px 16px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9);\n padding: 10px 18px;\n border-radius: 50px;\n font-weight: 500;\n font-size: 14px;\n transition: all .25s ease;\n color: var(--navy);\n display: flex;\n align-items: center;\n gap: 7px;\n}\n.tag:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.10); background: #fff; }\n.buttons {\n display: flex;\n gap: 16px;\n margin-top: 32px;\n align-items: center;\n}\n.btn-primary {\n background: var(--navy);\n color: white;\n padding: 16px 32px;\n border: none;\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n cursor: pointer;\n box-shadow: 0 10px 30px rgba(8,31,73,0.22);\n transition: transform 0.2s, box-shadow 0.2s, background 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center; gap: 8px;\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(8,31,73,0.30); background: #0b2f78; }\n.btn-secondary {\n background: transparent;\n color: var(--navy);\n padding: 14px 28px;\n border: 1.5px solid rgba(8,31,73,0.25);\n border-radius: 10px;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n cursor: pointer;\n transition: border-color 0.2s, color 0.2s, background 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center;\n}\n.btn-secondary:hover { border-color: var(--gold); color: var(--gold); background: rgba(200,138,40,0.05); }\n.hero-right {\n position: relative;\n z-index: 2;\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/ricardo.jpg');\n background-size: cover;\n background-repeat: no-repeat;\n background-position: 75% top;\n align-self: stretch;\n min-height: 600px;\n filter: saturate(0.35) brightness(1.08) contrast(0.94);\n}\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 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 background: #efefef;\n border-top: 1px solid rgba(8,31,73,0.08);\n border-bottom: 1px solid rgba(8,31,73,0.08);\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\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: hidden;\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: var(--navy);\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 text-decoration: none;\n transition: background 0.22s, padding-left 0.22s;\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.svc-row:hover { background: rgba(8,31,73,0.04); padding-left: 1.6rem; }\n\/* Escalonado diagonal: 01 m\u00e1s a la derecha, baja hacia la izquierda *\/\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: var(--gold);\n letter-spacing: -0.02em;\n min-width: 80px;\n line-height: 1;\n flex-shrink: 0;\n opacity: 0.55;\n transition: opacity 0.22s;\n}\n.svc-row:hover .svc-row__num { opacity: 1; }\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\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 display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 5rem;\n background: #f0f0f0;\n padding: 6rem 5rem;\n}\n.philosophy__left {\n background: transparent;\n padding: 0;\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(2rem, 3.5vw, 3.2rem);\n font-weight: 600; color: var(--gold);\n line-height: 1.15; margin-bottom: 0.5rem;\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: #4b5563; 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.12);\n}\n.pillar:last-child { border-right: none; }\n.pillar__num {\n font-family: 'Cormorant Garamond', serif;\n font-size: 0.75rem; font-weight: 600;\n color: var(--gold); letter-spacing: 0.18em;\n text-transform: uppercase; margin-bottom: 0.2rem;\n}\n.pillar__name {\n font-family: 'Inter', sans-serif;\n font-size: clamp(1rem, 1.4vw, 1.25rem);\n font-weight: 500; color: var(--navy);\n letter-spacing: 0.02em; line-height: 1.2;\n}\n.pillar__sub {\n font-size: 0.7rem; color: #7a8499;\n font-family: 'Inter', sans-serif; line-height: 1.45;\n}\n.philosophy__quote {\n border-top: 1px solid rgba(196,150,62,0.3);\n padding: 1.25rem 0 0;\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n font-style: italic;\n color: rgba(8,31,73,0.70);\n line-height: 1.65; 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.philosophy__right {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2.5rem;\n}\n.philosophy__photo-wrap {\n width: 100%;\n aspect-ratio: 16 \/ 9;\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(1.05) brightness(0.92);\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 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 *\/\n.resources { background: #ffffff; padding: 5rem 3rem; }\n.resources__header { text-align: center; margin-bottom: 3rem; }\n.resources__label { display: block; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.75rem; }\n.resources__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2rem, 3.5vw, 3.2rem);\n font-weight: 600; color: var(--navy);\n line-height: 1.15; margin-bottom: 0.6rem;\n}\n.resources__title em { font-style: italic; font-weight: 500; color: var(--gold); }\n.resources__sub { font-size: clamp(0.95rem, 1.2vw, 1.1rem); color: #4b5563; line-height: 1.75; }\n.res-grid {\n max-width: var(--max);\n margin: 0 auto 2rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n}\n.res-card {\n border-radius: 8px; overflow: hidden;\n position: relative; min-height: 300px;\n display: flex; flex-direction: column; justify-content: flex-end;\n cursor: pointer; transition: transform 0.3s;\n}\n.res-card:hover { transform: translateY(-4px); }\n.res-card__bg { position: absolute; inset: 0; background: var(--navy); }\n.res-card__bg-ph {\n position: relative; width: 100%; height: 100%;\n background: linear-gradient(135deg, #0f2236 0%, #1a3a56 100%);\n overflow: hidden;\n}\n.res-card__bg-ph svg {\n position: absolute; top: 0; left: 0;\n width: 100%; height: 100%;\n stroke: rgba(196,150,62,0.32); fill: none;\n stroke-width: 0.8; stroke-linecap: round; stroke-linejoin: round;\n}\n.res-card__content {\n position: relative; z-index: 1;\n padding: 2rem 1.75rem 1.75rem;\n background: linear-gradient(to top, rgba(8,25,41,0.95) 0%, rgba(8,25,41,0.5) 65%, transparent 100%);\n}\n.res-card__icon { width: 42px; height: 42px; background: var(--navy); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; border: 1px solid rgba(196,150,62,0.3); }\n.res-card__icon svg { width: 18px; height: 18px; stroke: var(--gold); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.res-card__type { display: block; font-size: 0.6rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.35rem; }\n.res-card__name { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 600; color: #fff; line-height: 1.25; margin-bottom: 0.5rem; }\n.res-card__desc { font-size: 0.8rem; color: rgba(255,255,255,0.62); line-height: 1.65; margin-bottom: 1rem; }\n.res-card__cta { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; color: var(--gold); }\n.res-card__cta::after { content: '\u2192'; }\n.res-card:hover .res-card__cta { gap: 0.6rem; }\n.resources__badge { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.72rem; font-weight: 500; color: var(--gold); letter-spacing: 0.06em; }\n.resources__badge svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 2; }\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 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 background: #e8e8e8;\n padding: 6rem 3rem;\n\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.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\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 { 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.58rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(196,150,62,0.7); display: block; margin-bottom: 0.25rem; }\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; }\n.footer__legal a { font-size: 0.68rem; color: rgba(255,255,255,0.85); transition: color 0.2s; }\n.footer__legal a:hover { color: var(--gold); }\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\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 .hero { grid-template-columns: 1fr; min-height: auto; padding: 0; }\n .hero-left {\n padding: 40px 5% 40px;\n background: #ffffff;\n z-index: 2;\n }\n .hero-left::after { display: none; }\n .hero-right { min-height: 420px; }\n .hero h2 { font-size: clamp(48px, 10vw, 82px); }\n .subtitle { font-size: clamp(16px, 2.2vw, 22px); }\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: 2rem; padding: 3rem 1.5rem; background: #f0f0f0 !important; }\n .philosophy__photo-wrap { clip-path: none; aspect-ratio: 16\/9; }\n .philosophy__right { order: -1; }\n}\n@media (max-width: 768px) {\n .hero h2 { font-size: clamp(38px, 10vw, 58px); letter-spacing: -1px; }\n .hero-right { min-height: 320px; }\n .buttons { flex-direction: column; align-items: flex-start; }\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 .res-grid { grid-template-columns: 1fr; }\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: 0; order: 1; }\n .philosophy__pillars { flex-direction: column; }\n .philosophy { background: #f0f0f0 !important; }\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\n\n<\/style>\n<\/head>\n<body>\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\u2550\u2550\n BANNER \u2014 reemplaza esta secci\u00f3n con tu imagen o contenido\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<!-- MEN\u00da WORDPRESS SE INSERTA AQU\u00cd -->\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\u2550\u2550\n HERO \u2014 imagen completa\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<div class=\"hero-wrap\" style=\"position:relative;\">\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 <!-- \u00c1rea clicable sobre bot\u00f3n \"Agendar cita\" de la imagen -->\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener\" aria-label=\"Agendar cita\"\n style=\"position:absolute; left:5%; bottom:8%; width:22%; height:9%; display:block; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; background:transparent;\"><\/a>\n <!-- \u00c1rea clicable sobre bot\u00f3n \"Conocer servicios\" de la imagen -->\n <a href=\"#servicios\" aria-label=\"Conocer servicios\"\n style=\"position:absolute; left:33%; bottom:8%; width:22%; height:9%; display:block; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; background:transparent;\"><\/a>\n<\/div>\n\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\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\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\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\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\n <div class=\"services__list\">\n <a href=\"\/gastroenterologia\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/endoscopia-digestiva\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/segunda-opinion\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/chequeo-digestivo-preventivo\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/microbiota-intestinal\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <a href=\"\/rehabilitacion-digestiva\" 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 <span class=\"svc-row__arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n\n <\/div>\n<\/section>\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\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\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\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\n<\/section>\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\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__header fade-up\">\n <span class=\"resources__label\">Educaci\u00f3n m\u00e9dica<\/span>\n <h2 class=\"resources__title\">Recursos para su<br><em>Salud Digestiva<\/em><\/h2>\n <p class=\"resources__sub\">Informaci\u00f3n confiable y actualizada para cuidar su bienestar.<\/p>\n <\/div>\n <div class=\"res-grid\">\n <a href=\"https:\/\/doctorcepeda.com.co\/index.php\/art%C3%ADculos\" target=\"_blank\" class=\"res-card fade-up d1\">\n <div class=\"res-card__bg\"><div class=\"res-card__bg-ph\">\n <svg viewBox=\"0 0 400 320\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M200 60 L60 80 L60 260 L200 240 L340 260 L340 80 Z\"\/>\n <line x1=\"200\" y1=\"60\" x2=\"200\" y2=\"240\"\/>\n <line x1=\"80\" y1=\"110\" x2=\"180\" y2=\"105\"\/><line x1=\"80\" y1=\"125\" x2=\"180\" y2=\"120\"\/><line x1=\"80\" y1=\"140\" x2=\"180\" y2=\"135\"\/><line x1=\"80\" y1=\"155\" x2=\"160\" y2=\"150\"\/><line x1=\"80\" y1=\"175\" x2=\"180\" y2=\"170\"\/><line x1=\"80\" y1=\"190\" x2=\"180\" y2=\"185\"\/><line x1=\"80\" y1=\"205\" x2=\"150\" y2=\"200\"\/>\n <path d=\"M240 95 C255 95 265 102 265 115 C265 128 260 133 258 140 C255 150 258 158 256 168 C253 180 244 188 240 196 C236 188 227 180 224 168 C222 158 225 150 222 140 C220 133 215 128 215 115 C215 102 225 95 240 95Z\"\/>\n <circle cx=\"200\" cy=\"95\" r=\"4\"\/><circle cx=\"200\" cy=\"115\" r=\"4\"\/><circle cx=\"200\" cy=\"135\" r=\"4\"\/><circle cx=\"200\" cy=\"155\" r=\"4\"\/><circle cx=\"200\" cy=\"175\" r=\"4\"\/><circle cx=\"200\" cy=\"195\" r=\"4\"\/><circle cx=\"200\" cy=\"215\" r=\"4\"\/>\n <\/svg>\n <\/div><\/div>\n <div class=\"res-card__content\">\n <div class=\"res-card__icon\"><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-card__type\">Lectura<\/span>\n <h3 class=\"res-card__name\">Art\u00edculos cl\u00ednicos<\/h3>\n <p class=\"res-card__desc\">Contenido m\u00e9dico actualizado sobre gastroenterolog\u00eda, microbiota y patolog\u00eda digestiva.<\/p>\n <span class=\"res-card__cta\">Explorar art\u00edculos<\/span>\n <\/div>\n <\/a>\n <a href=\"https:\/\/doctorcepeda.com.co\/index.php\/gu\u00edas\" target=\"_blank\" class=\"res-card fade-up d2\">\n <div class=\"res-card__bg\"><div class=\"res-card__bg-ph\">\n <svg viewBox=\"0 0 400 320\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M200 30 C220 30 235 45 235 60 C235 75 228 82 228 82 L248 90 L262 130 L255 200 L240 210 L240 280 L220 280 L218 220 L200 220 L182 220 L180 280 L160 280 L160 210 L145 200 L138 130 L152 90 L172 82 C172 82 165 75 165 60 C165 45 180 30 200 30Z\"\/>\n <circle cx=\"200\" cy=\"18\" r=\"16\"\/>\n <path d=\"M200 78 L200 95\"\/>\n <path d=\"M195 95 C178 95 170 105 170 118 C170 132 176 140 185 143 C194 146 206 146 215 143 C224 140 230 132 230 118 C230 105 222 95 205 95 Z\"\/>\n <path d=\"M185 143 C178 148 170 155 170 165 C170 175 178 180 188 180 C198 180 205 175 208 165\"\/>\n <path d=\"M208 165 C212 155 218 148 225 148 C232 148 235 155 232 163 C229 171 222 175 215 175\"\/>\n <path d=\"M215 175 C208 175 202 178 200 185 C198 192 202 198 210 198\"\/>\n <path d=\"M172 150 C160 152 152 160 152 172 L152 195 C152 207 160 215 172 215 L228 215 C240 215 248 207 248 195 L248 172 C248 160 240 152 228 150\"\/>\n <\/svg>\n <\/div><\/div>\n <div class=\"res-card__content\">\n <div class=\"res-card__icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/div>\n <span class=\"res-card__type\">Gu\u00edas<\/span>\n <h3 class=\"res-card__name\">Para pacientes<\/h3>\n <p class=\"res-card__desc\">Documentos pr\u00e1cticos sobre diagn\u00f3sticos, procedimientos y cuidados antes y despu\u00e9s de su consulta.<\/p>\n <span class=\"res-card__cta\">Ver gu\u00edas<\/span>\n <\/div>\n <\/a>\n <a href=\"https:\/\/doctorcepeda.com.co\/index.php\/bibliioteca-audiovisual\/\" target=\"_blank\" class=\"res-card fade-up d3\">\n <div class=\"res-card__bg\"><div class=\"res-card__bg-ph\">\n <svg viewBox=\"0 0 400 320\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <line x1=\"180\" y1=\"260\" x2=\"230\" y2=\"260\"\/><line x1=\"205\" y1=\"260\" x2=\"205\" y2=\"200\"\/>\n <path d=\"M195 200 L215 200 L220 160 L190 160 Z\"\/>\n <rect x=\"188\" y=\"155\" width=\"34\" height=\"8\" rx=\"3\"\/>\n <path d=\"M205 155 L205 120\"\/>\n <ellipse cx=\"205\" cy=\"115\" rx=\"14\" ry=\"20\"\/>\n <circle cx=\"205\" cy=\"108\" r=\"8\"\/>\n <path d=\"M190 200 L170 215\"\/><line x1=\"165\" y1=\"215\" x2=\"185\" y2=\"215\"\/>\n <ellipse cx=\"310\" cy=\"80\" rx=\"28\" ry=\"18\"\/>\n <ellipse cx=\"100\" cy=\"120\" rx=\"22\" ry=\"14\"\/>\n <ellipse cx=\"330\" cy=\"190\" rx=\"18\" ry=\"25\"\/>\n <ellipse cx=\"80\" cy=\"220\" rx=\"20\" ry=\"13\"\/>\n <path d=\"M270 40 C278 55 262 70 270 85 C278 100 262 115 270 130 C278 145 262 160 270 175\"\/>\n <path d=\"M290 40 C282 55 298 70 290 85 C282 100 298 115 290 130 C282 145 298 160 290 175\"\/>\n <line x1=\"272\" y1=\"55\" x2=\"288\" y2=\"55\"\/><line x1=\"264\" y1=\"77\" x2=\"296\" y2=\"77\"\/><line x1=\"272\" y1=\"99\" x2=\"288\" y2=\"99\"\/>\n <\/svg>\n <\/div><\/div>\n <div class=\"res-card__content\">\n <div class=\"res-card__icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div>\n <span class=\"res-card__type\">Audiovisual<\/span>\n <h3 class=\"res-card__name\">Biblioteca audiovisual<\/h3>\n <p class=\"res-card__desc\">Videos educativos y explicaciones visuales sobre salud digestiva y procedimientos.<\/p>\n <span class=\"res-card__cta\">Ver recursos<\/span>\n <\/div>\n <\/a>\n <\/div>\n<\/section>\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\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<\/section>\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\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\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n \/\/ Fade-up on scroll\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\n \/\/ Touch toggle para tarjetas de servicio\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\n \/\/ Counter-up para estad\u00edsticas\n const statsObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (!entry.isIntersecting) return;\n statsObserver.unobserve(entry.target);\n\n entry.target.querySelectorAll('.stat-num').forEach(numEl => {\n const em = numEl.querySelector('em');\n const fullText = numEl.childNodes[0].nodeValue.trim(); \/\/ e.g. \"30\", \"50K\"\n const isK = fullText.includes('K');\n const target = parseInt(fullText.replace('K',''));\n const duration = 1600;\n const startTime = performance.now();\n\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) + '\u00a0';\n if (p < 1) requestAnimationFrame(tick);\n else numEl.childNodes[0].nodeValue = fullText;\n }\n requestAnimationFrame(tick);\n });\n });\n }, { threshold: 0.35 });\n\n const patientRight = document.querySelector('.patient-right');\n if (patientRight) statsObserver.observe(patientRight);\n\n \/\/ Sombra en header al hacer scroll\n const header = document.querySelector('header');\n window.addEventListener('scroll', () => {\n header.style.boxShadow = scrollY > 8 ? '0 2px 20px rgba(13,42,69,0.08)' : 'none';\n }, { passive: true });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\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 Experiencia que genera confianza 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. 30+ A\u00f1os de ejercicio 50K+ Pacientes atendidos 7+ Convenios activos Especialidades Portafolio de Servicios \u00abCada paciente requiere una valoraci\u00f3n individual,<\/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"],"_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":49,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40897\/revisions"}],"predecessor-version":[{"id":41047,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40897\/revisions\/41047"}],"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}]}}