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\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'Inter', sans-serif;\n background:\n radial-gradient(circle at 75% 35%, rgba(200,138,40,0.12), transparent 25%),\n linear-gradient(135deg, #f8f4ee 0%, #ffffff 55%, #fbfaf8 100%);\n color: #1a2740;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\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: #c88a28;\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 *\/\nheader {\n padding: 30px 0;\n position: sticky;\n top: 0;\n z-index: 200;\n background: rgba(248,244,238,0.95);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(200,138,40,0.12);\n}\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.logo {\n display: flex;\n align-items: center;\n gap: 18px;\n}\n.logo-rc {\n font-size: 56px;\n color: #c88a28;\n font-family: 'Cormorant Garamond', serif;\n line-height: 1;\n}\n.logo-text h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 36px;\n font-weight: 600;\n color: var(--navy);\n line-height: 1.1;\n}\n.logo-text p {\n color: #c88a28;\n letter-spacing: 2px;\n font-size: 12px;\n font-weight: 500;\n}\n.nav__links {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n list-style: none;\n}\n.nav__links a {\n font-size: 0.88rem;\n font-weight: 400;\n color: var(--navy);\n opacity: 0.75;\n transition: opacity 0.2s;\n}\n.nav__links a:hover { opacity: 1; }\n.nav__cta {\n background: var(--navy);\n color: #fff;\n font-size: 0.85rem;\n font-weight: 500;\n padding: 0.7rem 1.5rem;\n border-radius: 10px;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n transition: background 0.2s;\n}\n.nav__cta:hover { background: #0b2f78; }\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.hero {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n align-items: center;\n min-height: 760px;\n position: relative;\n}\n.hero::after {\n content: '';\n position: absolute;\n right: 8%; top: 15%;\n width: 500px; height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle,\n rgba(200,138,40,0.18),\n rgba(200,138,40,0.06),\n transparent 70%);\n filter: blur(35px);\n z-index: 0;\n}\n.hero-left {\n padding-right: 60px;\n z-index: 2;\n}\n.mini-title {\n color: #c88a28;\n font-size: 14px;\n letter-spacing: 2px;\n margin-bottom: 28px;\n font-weight: 500;\n text-transform: uppercase;\n}\n.hero h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(72px, 8vw, 118px);\n line-height: 0.9;\n font-weight: 600;\n color: #081f49;\n letter-spacing: -2px;\n}\n.subtitle {\n margin-top: 34px;\n font-size: clamp(18px, 2.2vw, 28px);\n line-height: 1.5;\n max-width: 850px;\n color: #4b5563;\n}\n.tags {\n display: flex;\n gap: 14px;\n margin-top: 38px;\n flex-wrap: wrap;\n}\n.tag {\n backdrop-filter: blur(12px);\n background: rgba(255,255,255,0.7);\n border: 1px solid rgba(255,255,255,0.7);\n box-shadow: 0 8px 25px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);\n padding: 14px 22px;\n border-radius: 14px;\n font-weight: 500;\n font-size: 15px;\n transition: all .3s ease;\n color: var(--navy);\n}\n.tag:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }\n.buttons {\n display: flex;\n gap: 20px;\n margin-top: 38px;\n}\n.btn-primary {\n background: linear-gradient(135deg, #031d4f, #0b2f78);\n color: white;\n padding: 18px 36px;\n border: none;\n border-radius: 14px;\n font-size: 18px;\n font-family: 'Inter', sans-serif;\n cursor: pointer;\n box-shadow: 0 14px 35px rgba(3,29,79,0.25);\n transition: transform 0.2s, box-shadow 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center;\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(3,29,79,0.32); }\n.btn-secondary {\n background: white;\n color: #c88a28;\n padding: 18px 36px;\n border: 2px solid #c88a28;\n border-radius: 14px;\n font-size: 18px;\n font-family: 'Inter', sans-serif;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center;\n}\n.btn-secondary:hover { background: #c88a28; color: white; }\n.hero-right {\n display: flex;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.hero-right img {\n width: 100%;\n max-width: 620px;\n object-fit: contain;\n filter: drop-shadow(0 30px 50px rgba(0,0,0,0.15));\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: white;\n margin-top: 40px;\n border-top: 1px solid #ececec;\n border-bottom: 1px solid #ececec;\n}\n.patient-content {\n max-width: 1300px;\n margin: auto;\n display: flex;\n align-items: center;\n gap: 60px;\n padding: 80px 70px;\n}\n.icon-box {\n width: 110px; height: 110px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 28px;\n background: #fff8ef;\n font-size: 58px;\n color: #c88a28;\n flex-shrink: 0;\n}\n.patient-text h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(36px, 4.5vw, 56px);\n color: #0f254d;\n margin-bottom: 18px;\n font-weight: 600;\n line-height: 1.1;\n}\n.patient-text p {\n font-size: clamp(16px, 1.6vw, 22px);\n line-height: 1.95;\n color: #4b5563;\n max-width: 1000px;\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 SERVICIOS (6 columnas)\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 background: #0a1f35;\n padding: 6rem 1.5rem 7rem;\n}\n.services__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.8rem, 2.8vw, 2.6rem);\n font-weight: 600;\n color: #ffffff;\n text-align: center;\n margin-bottom: 0.75rem;\n}\n.services__subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1rem, 1.4vw, 1.2rem);\n font-style: italic;\n font-weight: 400;\n color: rgba(255,255,255,0.92);\n text-align: center;\n max-width: 640px;\n margin: 0 auto 3rem;\n line-height: 1.7;\n}\n.services-row {\n max-width: 1560px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 1rem;\n}\n.svc-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 2.75rem 1.25rem 2.5rem;\n border-radius: 10px;\n background: #F8FAFF;\n border: 1px solid rgba(255,255,255,0.15);\n box-shadow: 0 2px 12px rgba(0,0,0,0.2);\n transition: box-shadow 0.35s, transform 0.35s, background 0.35s;\n cursor: pointer;\n overflow: hidden;\n min-height: 240px;\n justify-content: center;\n}\n.svc-item:hover, .svc-item.is-active {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.3);\n background: #ffffff;\n}\n.svc-item__icon {\n width: 58px; height: 58px;\n background: rgba(13,42,69,0.06);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--gold);\n margin-bottom: 0.75rem;\n flex-shrink: 0;\n transition: transform 0.4s cubic-bezier(0.34,1.2,0.64,1), background 0.3s;\n}\n.svc-item:hover .svc-item__icon, .svc-item.is-active .svc-item__icon {\n transform: translateY(-5px);\n background: rgba(13,42,69,0.1);\n}\n.svc-item__icon svg {\n width: 32px; height: 32px;\n stroke: currentColor; fill: none;\n stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;\n}\n.svc-item__line {\n width: 0; height: 1.5px;\n background: var(--gold);\n margin: 0.5rem auto 0.75rem;\n transition: width 0.4s ease;\n}\n.svc-item:hover .svc-item__line, .svc-item.is-active .svc-item__line { width: 28px; }\n.svc-item__name {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(0.88rem, 1.1vw, 1.05rem);\n font-weight: 600;\n color: var(--navy);\n line-height: 1.3;\n word-break: keep-all;\n overflow-wrap: break-word;\n}\n.svc-item__reveal {\n overflow: hidden;\n max-height: 0; opacity: 0;\n transition: max-height 0.45s ease, opacity 0.35s ease 0.08s, margin 0.35s ease;\n margin-top: 0;\n}\n.svc-item:hover .svc-item__reveal, .svc-item.is-active .svc-item__reveal {\n max-height: 120px; opacity: 1; margin-top: 0.75rem;\n}\n.svc-item__desc {\n font-size: clamp(0.74rem, 0.88vw, 0.84rem);\n color: #666; line-height: 1.7;\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 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 min-height: 600px;\n}\n.philosophy__left {\n background-color: #ffffff;\n background-image:\n repeating-linear-gradient(45deg, rgba(13,42,69,0.028) 0px, rgba(13,42,69,0.028) 1px, transparent 1px, transparent 32px),\n repeating-linear-gradient(-45deg, rgba(13,42,69,0.028) 0px, rgba(13,42,69,0.028) 1px, transparent 1px, transparent 32px);\n padding: 5rem 4.5rem;\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 {\n content: '';\n position: absolute;\n top: 3rem; left: 3rem;\n width: 40px; height: 40px;\n border-top: 1px solid rgba(196,150,62,0.3);\n border-left: 1px solid rgba(196,150,62,0.3);\n}\n.philosophy__left::after {\n content: '';\n position: absolute;\n bottom: 3rem; right: 3rem;\n width: 40px; height: 40px;\n border-bottom: 1px solid rgba(196,150,62,0.3);\n border-right: 1px solid rgba(196,150,62,0.3);\n}\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(--navy);\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: var(--gray); line-height: 1.85; margin-bottom: 0.9rem;\n}\n.philosophy__pillars {\n display: flex; gap: 0.75rem;\n margin: 2rem auto 2.25rem;\n flex-wrap: nowrap; justify-content: center;\n}\n.pillar {\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 0.4rem; padding: 1rem 0.9rem 0.9rem;\n flex: 1; border-radius: 8px;\n border: 1px solid rgba(255,255,255,0.6);\n background: linear-gradient(160deg, #0D2A45 0%, #163550 100%);\n box-shadow: 0 3px 12px rgba(13,42,69,0.2), 0 1px 1px rgba(255,255,255,0.04) inset;\n backdrop-filter: blur(4px);\n transition: background 0.3s ease, box-shadow 0.3s ease;\n cursor: default; position: relative; overflow: hidden;\n}\n.pillar::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 40%;\n background: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%);\n border-radius: 8px 8px 0 0; pointer-events: none;\n}\n.pillar:hover {\n background: linear-gradient(160deg, #163d5c 0%, #245070 100%);\n box-shadow: 0 8px 24px rgba(13,42,69,0.4), 0 1px 2px rgba(255,255,255,0.1) inset;\n transform: translateY(-3px);\n}\n.pillar__icon { width: 24px; height: 24px; color: var(--gold); flex-shrink: 0; }\n.pillar__icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.pillar__name { font-size: 0.85rem; font-weight: 700; color: #ffffff; letter-spacing: 0.06em; font-family: 'Inter', sans-serif; text-transform: uppercase; }\n.pillar__sub { font-size: 0.7rem; color: rgba(255,255,255,0.65); font-family: 'Inter', sans-serif; line-height: 1.45; }\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(13,42,69,0.75);\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; overflow: hidden; background: #1a3040;\n}\n.philosophy__right-ph {\n width: 100%; height: 100%;\n background: linear-gradient(135deg, #1a3040 0%, #0a1e2e 100%);\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: 1rem; color: rgba(196,150,62,0.35);\n}\n.philosophy__right-ph svg { width: 80px; height: 80px; stroke: currentColor; fill: none; stroke-width: 0.7; }\n.philosophy__right-ph p { font-size: 0.65rem; letter-spacing: 0.18em; text-transform: uppercase; text-align: center; max-width: 160px; line-height: 1.6; }\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: #eef1f5; 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: #4a4a4a; 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: var(--navy);\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: #fff;\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: rgba(255,255,255,0.6); 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 5rem 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: 3rem; justify-content: center; flex-wrap: wrap; }\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: 60px 0 40px; }\n .hero-left { padding-right: 0; }\n .hero h2 { font-size: clamp(56px, 10vw, 82px); }\n .subtitle { font-size: clamp(16px, 2.2vw, 22px); }\n .patient-content { flex-direction: column; text-align: center; padding: 60px 30px; }\n .patient-text h3 { font-size: clamp(28px, 5vw, 40px); }\n .services-row { grid-template-columns: repeat(3, 1fr); }\n .philosophy { grid-template-columns: 1fr; }\n .philosophy__right { min-height: 360px; }\n}\n@media (max-width: 768px) {\n .nav__links { display: none; }\n .hero h2 { font-size: clamp(48px, 12vw, 68px); letter-spacing: -1px; }\n .buttons { flex-direction: column; }\n .services-row { grid-template-columns: repeat(2, 1fr); }\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: 1.5rem; }\n .philosophy__left { padding: 3.5rem 2rem; }\n .philosophy__pillars { flex-direction: column; }\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<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"container nav\">\n <div class=\"logo\">\n <div class=\"logo-rc\">RC<\/div>\n <div class=\"logo-text\">\n <h1>Dr. Ricardo Cepeda<\/h1>\n <p>GASTROENTER\u00d3LOGO<\/p>\n <\/div>\n <\/div>\n <ul class=\"nav__links\">\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#filosofia\">Sobre m\u00ed<\/a><\/li>\n <li><a href=\"#recursos\">Recursos<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"nav__cta\" target=\"_blank\" rel=\"noopener\">Agendar cita<\/a>\n <\/div>\n<\/header>\n\n\n\n<section class=\"hero container\">\n <div class=\"hero-left\">\n <div class=\"mini-title\">GASTROENTEROLOG\u00cdA \u00b7 ENDOSCOPIA DIGESTIVA<\/div>\n <h2>\n Comprender<br>\n antes de tratar\n <\/h2>\n <p class=\"subtitle\">\n La medicina digestiva de precisi\u00f3n comienza entendiendo la causa, no solo los s\u00edntomas.\n <\/p>\n <div class=\"tags\">\n <div class=\"tag\">Endoscopia<\/div>\n <div class=\"tag\">Microbiota<\/div>\n <div class=\"tag\">Segunda opini\u00f3n<\/div>\n <div class=\"tag\">Rehabilitaci\u00f3n<\/div>\n <\/div>\n <div class=\"buttons\">\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Agendar cita<\/a>\n <a href=\"#servicios\" class=\"btn-secondary\">Conocer servicios \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/hero_ricardo.jpg\" alt=\"Dr. Ricardo Cepeda V. \u2014 Gastroenter\u00f3logo, Bogot\u00e1\">\n <\/div>\n<\/section>\n\n\n\n<section class=\"patient-section\">\n <div class=\"patient-content\">\n <div class=\"icon-box\">\u2661<\/div>\n <div class=\"patient-text\">\n <h3>Una atenci\u00f3n centrada en el paciente<\/h3>\n <p>\n Cada 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.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"services\" id=\"servicios\">\n\n <h2 class=\"services__title fade-up\">Servicios<\/h2>\n <p class=\"services__subtitle fade-up d1\">\"Cada paciente requiere una valoraci\u00f3n individual, una escucha cuidadosa y decisiones cl\u00ednicas fundamentadas en evidencia.\"<\/p>\n\n <div class=\"services-row\">\n\n <a href=\"\/endoscopia-digestiva\" class=\"svc-item fade-up d1\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 4 L6 16 C6 22 10 26 16 26 C22 26 26 22 26 16\"\/>\n <circle cx=\"26\" cy=\"11\" r=\"3\"\/>\n <line x1=\"26\" y1=\"8\" x2=\"26\" y2=\"3\"\/>\n <line x1=\"23\" y1=\"11\" x2=\"18\" y2=\"11\"\/>\n <circle cx=\"16\" cy=\"26\" r=\"2.5\"\/>\n <line x1=\"16\" y1=\"28.5\" x2=\"16\" y2=\"31\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Endoscopia Digestiva<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Procedimientos diagn\u00f3sticos y terap\u00e9uticos de alta precisi\u00f3n con tecnolog\u00eda avanzada.<\/p><\/div>\n <\/a>\n\n <a href=\"\/gastroenterologia\" class=\"svc-item fade-up d2\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 6 C8 6 6 9 6 13 C6 17 7 19 7 22 C7 26 10 29 14 29 C17 29 18 27 20 27 C22 27 24 28.5 25.5 26.5 C27 24.5 26.5 21.5 25 19.5 C23.5 17.5 24 14.5 23.5 11.5 C23 8.5 21 6 18 6 Z\"\/>\n <path d=\"M12 6 C13.5 4.5 16 4.5 17.5 6\"\/>\n <path d=\"M9 15 C11 14.5 13 15.5 14.5 15\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Gastroenterolog\u00eda Cl\u00ednica<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Diagn\u00f3stico y tratamiento integral de enfermedades digestivas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/chequeo-digestivo-preventivo\" class=\"svc-item fade-up d3\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 3 L27 8 L27 18 C27 24 22 28.5 16 31 C10 28.5 5 24 5 18 L5 8 Z\"\/>\n <polyline points=\"10,16 14,20 22,12\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Chequeo Preventivo<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Evaluaciones personalizadas para prevenir enfermedades digestivas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/microbiota-intestinal\" class=\"svc-item fade-up d4\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"16\" cy=\"16\" r=\"5\"\/>\n <circle cx=\"7\" cy=\"12\" r=\"3\"\/>\n <circle cx=\"25\" cy=\"12\" r=\"3\"\/>\n <circle cx=\"9\" cy=\"22\" r=\"3\"\/>\n <circle cx=\"23\" cy=\"22\" r=\"3\"\/>\n <line x1=\"11\" y1=\"14\" x2=\"13\" y2=\"15\"\/>\n <line x1=\"21\" y1=\"14\" x2=\"19\" y2=\"15\"\/>\n <line x1=\"12\" y1=\"21\" x2=\"14\" y2=\"19\"\/>\n <line x1=\"20\" y1=\"21\" x2=\"18\" y2=\"19\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Microbiota<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">An\u00e1lisis y estrategias para restaurar el equilibrio de tu microbiota intestinal.<\/p><\/div>\n <\/a>\n\n <a href=\"\/segunda-opinion\" class=\"svc-item fade-up d5\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 8 L4 20 C4 22 6 24 8 24 L13 24 L16 28 L19 24 L24 24 C26 24 28 22 28 20 L28 8 C28 6 26 4 24 4 L8 4 C6 4 4 6 4 8 Z\"\/>\n <line x1=\"10\" y1=\"11\" x2=\"22\" y2=\"11\"\/>\n <line x1=\"10\" y1=\"16\" x2=\"18\" y2=\"16\"\/>\n <circle cx=\"23\" cy=\"16\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Segunda Opini\u00f3n<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Revisi\u00f3n experta de diagn\u00f3sticos y tratamientos para decisiones informadas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/rehabilitacion-digestiva\" class=\"svc-item fade-up d5\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 6 C22 6 27 11 27 17 C27 23 22 28 16 28 C10 28 5 23 5 17 C5 13.5 6.5 10.5 9 8.5\"\/>\n <polyline points=\"5,5 9,8.5 5,12\"\/>\n <path d=\"M16 13 C18.5 11 22 12 22 15.5 C22 19 19.5 21.5 16 22.5 C12.5 21.5 10 19 10 15.5 C10 12 13.5 11 16 13Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Rehabilitaci\u00f3n Digestiva<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Programas personalizados para recuperar la funci\u00f3n y el bienestar digestivo.<\/p><\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n\n\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 <p style=\"font-style:italic; font-size:clamp(0.88rem,1.1vw,1rem); color:rgba(13,42,69,0.72); text-align:center; max-width:520px; margin:0 auto 1rem; line-height:1.75; font-family:'Cormorant Garamond',serif;\">\n \"Conocer en profundidad el sistema digestivo y tratar las enfermedades que con \u00e9l se desarrollan, es mi pasi\u00f3n y especialidad.\"\n <\/p>\n <div class=\"philosophy__pillars fade-up d3\">\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><path d=\"M14 4C8 4 4 8 4 13C4 17 6 20 10 22L14 24L18 22C22 20 24 17 24 13C24 8 20 4 14 4Z\"\/><line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"16\"\/><circle cx=\"14\" cy=\"18.5\" r=\"1\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Escuchar<\/div><div class=\"pillar__sub\">Atenci\u00f3n individualizada<\/div><\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><circle cx=\"14\" cy=\"14\" r=\"10\"\/><polyline points=\"10,14 13,17 19,11\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Precisi\u00f3n<\/div><div class=\"pillar__sub\">Decisiones basadas en evidencia<\/div><\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><path d=\"M14 5C9 5 6 8 6 11C6 14 7.5 15.5 10 17L14 19L18 17C20.5 15.5 22 14 22 11C22 8 19 5 14 5Z\"\/><path d=\"M10 19C8 21 8 24 14 24C20 24 20 21 18 19\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Humanidad<\/div><div class=\"pillar__sub\">Tratamiento centrado en la persona<\/div><\/div>\n <\/div>\n <\/div>\n <blockquote class=\"philosophy__quote fade-up d4\">\n \"El examen m\u00e1s importante sigue siendo la historia cl\u00ednica bien tomada.\"\n <cite>\u2014 Dr. Ricardo Cepeda V.<\/cite>\n <\/blockquote>\n <\/div>\n\n <div class=\"philosophy__right\">\n <div class=\"philosophy__right-ph\">\n <svg viewBox=\"0 0 80 80\"><rect x=\"15\" y=\"5\" width=\"50\" height=\"60\" rx=\"3\"\/><circle cx=\"40\" cy=\"25\" r=\"10\"\/><path d=\"M20 65C22 54 31 48 40 48s18 6 20 17\"\/><\/svg>\n <p>Foto consultorio<br>\u00b7 reemplazar aqu\u00ed \u00b7<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n\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=\"\/articulos\" 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=\"\/guias\" 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=\"\/videos\" 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 <div class=\"resources__badge fade-up\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Actualizado con evidencia cient\u00edfica\n <\/div>\n<\/section>\n\n\n\n<section class=\"cta-final\" id=\"contacto\">\n <h2 class=\"cta-final__title fade-up\">\n Tu salud digestiva merece<br><em>respuestas claras<\/em>\n <\/h2>\n <p class=\"cta-final__sub fade-up d1\">\n Agenda una valoraci\u00f3n especializada y da 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\n<footer class=\"footer\">\n <div class=\"footer__inner\">\n <div class=\"footer__brand\">\n <div class=\"footer__logo\">RC<\/div>\n <div class=\"footer__copy\">\n Dr. Ricardo Cepeda V.<br>Gastroenter\u00f3logo \u00b7 Endoscopista\n <\/div>\n <\/div>\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=\"\/politica-de-datos\">Pol\u00edtica de datos<\/a>\n <\/div>\n <\/div>\n <div class=\"footer__bottom\">\n \u00a9 2024 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 \/\/ 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\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 RC Dr. Ricardo Cepeda GASTROENTER\u00d3LOGO Servicios Sobre m\u00ed Recursos Contacto Agendar cita GASTROENTEROLOG\u00cdA \u00b7 ENDOSCOPIA DIGESTIVA Comprender antes de tratar La medicina digestiva de precisi\u00f3n comienza entendiendo la causa, no solo los s\u00edntomas. Endoscopia Microbiota Segunda opini\u00f3n Rehabilitaci\u00f3n Agendar cita Conocer servicios \u2192 \u2661 Una atenci\u00f3n centrada<\/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-40949","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949","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=40949"}],"version-history":[{"count":11,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949\/revisions"}],"predecessor-version":[{"id":40968,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949\/revisions\/40968"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\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 { scroll-behavior: smooth; }\nbody {\n font-family: 'Inter', sans-serif;\n background:\n radial-gradient(circle at 75% 35%, rgba(200,138,40,0.12), transparent 25%),\n linear-gradient(135deg, #f8f4ee 0%, #ffffff 55%, #fbfaf8 100%);\n color: #1a2740;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\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: #c88a28;\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 *\/\nheader {\n padding: 30px 0;\n position: sticky;\n top: 0;\n z-index: 200;\n background: rgba(248,244,238,0.95);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(200,138,40,0.12);\n}\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.logo {\n display: flex;\n align-items: center;\n gap: 18px;\n}\n.logo-rc {\n font-size: 56px;\n color: #c88a28;\n font-family: 'Cormorant Garamond', serif;\n line-height: 1;\n}\n.logo-text h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 36px;\n font-weight: 600;\n color: var(--navy);\n line-height: 1.1;\n}\n.logo-text p {\n color: #c88a28;\n letter-spacing: 2px;\n font-size: 12px;\n font-weight: 500;\n}\n.nav__links {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n list-style: none;\n}\n.nav__links a {\n font-size: 0.88rem;\n font-weight: 400;\n color: var(--navy);\n opacity: 0.75;\n transition: opacity 0.2s;\n}\n.nav__links a:hover { opacity: 1; }\n.nav__cta {\n background: var(--navy);\n color: #fff;\n font-size: 0.85rem;\n font-weight: 500;\n padding: 0.7rem 1.5rem;\n border-radius: 10px;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n transition: background 0.2s;\n}\n.nav__cta:hover { background: #0b2f78; }\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.hero {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n align-items: center;\n min-height: 760px;\n position: relative;\n}\n.hero::after {\n content: '';\n position: absolute;\n right: 8%; top: 15%;\n width: 500px; height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle,\n rgba(200,138,40,0.18),\n rgba(200,138,40,0.06),\n transparent 70%);\n filter: blur(35px);\n z-index: 0;\n}\n.hero-left {\n padding-right: 60px;\n z-index: 2;\n}\n.mini-title {\n color: #c88a28;\n font-size: 14px;\n letter-spacing: 2px;\n margin-bottom: 28px;\n font-weight: 500;\n text-transform: uppercase;\n}\n.hero h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(72px, 8vw, 118px);\n line-height: 0.9;\n font-weight: 600;\n color: #081f49;\n letter-spacing: -2px;\n}\n.subtitle {\n margin-top: 34px;\n font-size: clamp(18px, 2.2vw, 28px);\n line-height: 1.5;\n max-width: 850px;\n color: #4b5563;\n}\n.tags {\n display: flex;\n gap: 14px;\n margin-top: 38px;\n flex-wrap: wrap;\n}\n.tag {\n backdrop-filter: blur(12px);\n background: rgba(255,255,255,0.7);\n border: 1px solid rgba(255,255,255,0.7);\n box-shadow: 0 8px 25px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);\n padding: 14px 22px;\n border-radius: 14px;\n font-weight: 500;\n font-size: 15px;\n transition: all .3s ease;\n color: var(--navy);\n}\n.tag:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }\n.buttons {\n display: flex;\n gap: 20px;\n margin-top: 38px;\n}\n.btn-primary {\n background: linear-gradient(135deg, #031d4f, #0b2f78);\n color: white;\n padding: 18px 36px;\n border: none;\n border-radius: 14px;\n font-size: 18px;\n font-family: 'Inter', sans-serif;\n cursor: pointer;\n box-shadow: 0 14px 35px rgba(3,29,79,0.25);\n transition: transform 0.2s, box-shadow 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center;\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(3,29,79,0.32); }\n.btn-secondary {\n background: white;\n color: #c88a28;\n padding: 18px 36px;\n border: 2px solid #c88a28;\n border-radius: 14px;\n font-size: 18px;\n font-family: 'Inter', sans-serif;\n cursor: pointer;\n transition: background 0.2s, color 0.2s;\n text-decoration: none;\n display: inline-flex; align-items: center;\n}\n.btn-secondary:hover { background: #c88a28; color: white; }\n.hero-right {\n display: flex;\n justify-content: center;\n position: relative;\n z-index: 2;\n}\n.hero-right img {\n width: 100%;\n max-width: 620px;\n object-fit: contain;\n filter: drop-shadow(0 30px 50px rgba(0,0,0,0.15));\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: white;\n margin-top: 40px;\n border-top: 1px solid #ececec;\n border-bottom: 1px solid #ececec;\n}\n.patient-content {\n max-width: 1300px;\n margin: auto;\n display: flex;\n align-items: center;\n gap: 60px;\n padding: 80px 70px;\n}\n.icon-box {\n width: 110px; height: 110px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 28px;\n background: #fff8ef;\n font-size: 58px;\n color: #c88a28;\n flex-shrink: 0;\n}\n.patient-text h3 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(36px, 4.5vw, 56px);\n color: #0f254d;\n margin-bottom: 18px;\n font-weight: 600;\n line-height: 1.1;\n}\n.patient-text p {\n font-size: clamp(16px, 1.6vw, 22px);\n line-height: 1.95;\n color: #4b5563;\n max-width: 1000px;\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 SERVICIOS (6 columnas)\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 background: #0a1f35;\n padding: 6rem 1.5rem 7rem;\n}\n.services__title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.8rem, 2.8vw, 2.6rem);\n font-weight: 600;\n color: #ffffff;\n text-align: center;\n margin-bottom: 0.75rem;\n}\n.services__subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1rem, 1.4vw, 1.2rem);\n font-style: italic;\n font-weight: 400;\n color: rgba(255,255,255,0.92);\n text-align: center;\n max-width: 640px;\n margin: 0 auto 3rem;\n line-height: 1.7;\n}\n.services-row {\n max-width: 1560px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 1rem;\n}\n.svc-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 2.75rem 1.25rem 2.5rem;\n border-radius: 10px;\n background: #F8FAFF;\n border: 1px solid rgba(255,255,255,0.15);\n box-shadow: 0 2px 12px rgba(0,0,0,0.2);\n transition: box-shadow 0.35s, transform 0.35s, background 0.35s;\n cursor: pointer;\n overflow: hidden;\n min-height: 240px;\n justify-content: center;\n}\n.svc-item:hover, .svc-item.is-active {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.3);\n background: #ffffff;\n}\n.svc-item__icon {\n width: 58px; height: 58px;\n background: rgba(13,42,69,0.06);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: var(--gold);\n margin-bottom: 0.75rem;\n flex-shrink: 0;\n transition: transform 0.4s cubic-bezier(0.34,1.2,0.64,1), background 0.3s;\n}\n.svc-item:hover .svc-item__icon, .svc-item.is-active .svc-item__icon {\n transform: translateY(-5px);\n background: rgba(13,42,69,0.1);\n}\n.svc-item__icon svg {\n width: 32px; height: 32px;\n stroke: currentColor; fill: none;\n stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;\n}\n.svc-item__line {\n width: 0; height: 1.5px;\n background: var(--gold);\n margin: 0.5rem auto 0.75rem;\n transition: width 0.4s ease;\n}\n.svc-item:hover .svc-item__line, .svc-item.is-active .svc-item__line { width: 28px; }\n.svc-item__name {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(0.88rem, 1.1vw, 1.05rem);\n font-weight: 600;\n color: var(--navy);\n line-height: 1.3;\n word-break: keep-all;\n overflow-wrap: break-word;\n}\n.svc-item__reveal {\n overflow: hidden;\n max-height: 0; opacity: 0;\n transition: max-height 0.45s ease, opacity 0.35s ease 0.08s, margin 0.35s ease;\n margin-top: 0;\n}\n.svc-item:hover .svc-item__reveal, .svc-item.is-active .svc-item__reveal {\n max-height: 120px; opacity: 1; margin-top: 0.75rem;\n}\n.svc-item__desc {\n font-size: clamp(0.74rem, 0.88vw, 0.84rem);\n color: #666; line-height: 1.7;\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 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 min-height: 600px;\n}\n.philosophy__left {\n background-color: #ffffff;\n background-image:\n repeating-linear-gradient(45deg, rgba(13,42,69,0.028) 0px, rgba(13,42,69,0.028) 1px, transparent 1px, transparent 32px),\n repeating-linear-gradient(-45deg, rgba(13,42,69,0.028) 0px, rgba(13,42,69,0.028) 1px, transparent 1px, transparent 32px);\n padding: 5rem 4.5rem;\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 {\n content: '';\n position: absolute;\n top: 3rem; left: 3rem;\n width: 40px; height: 40px;\n border-top: 1px solid rgba(196,150,62,0.3);\n border-left: 1px solid rgba(196,150,62,0.3);\n}\n.philosophy__left::after {\n content: '';\n position: absolute;\n bottom: 3rem; right: 3rem;\n width: 40px; height: 40px;\n border-bottom: 1px solid rgba(196,150,62,0.3);\n border-right: 1px solid rgba(196,150,62,0.3);\n}\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(--navy);\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: var(--gray); line-height: 1.85; margin-bottom: 0.9rem;\n}\n.philosophy__pillars {\n display: flex; gap: 0.75rem;\n margin: 2rem auto 2.25rem;\n flex-wrap: nowrap; justify-content: center;\n}\n.pillar {\n display: flex; flex-direction: column;\n align-items: center; text-align: center;\n gap: 0.4rem; padding: 1rem 0.9rem 0.9rem;\n flex: 1; border-radius: 8px;\n border: 1px solid rgba(255,255,255,0.6);\n background: linear-gradient(160deg, #0D2A45 0%, #163550 100%);\n box-shadow: 0 3px 12px rgba(13,42,69,0.2), 0 1px 1px rgba(255,255,255,0.04) inset;\n backdrop-filter: blur(4px);\n transition: background 0.3s ease, box-shadow 0.3s ease;\n cursor: default; position: relative; overflow: hidden;\n}\n.pillar::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; height: 40%;\n background: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%);\n border-radius: 8px 8px 0 0; pointer-events: none;\n}\n.pillar:hover {\n background: linear-gradient(160deg, #163d5c 0%, #245070 100%);\n box-shadow: 0 8px 24px rgba(13,42,69,0.4), 0 1px 2px rgba(255,255,255,0.1) inset;\n transform: translateY(-3px);\n}\n.pillar__icon { width: 24px; height: 24px; color: var(--gold); flex-shrink: 0; }\n.pillar__icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.pillar__name { font-size: 0.85rem; font-weight: 700; color: #ffffff; letter-spacing: 0.06em; font-family: 'Inter', sans-serif; text-transform: uppercase; }\n.pillar__sub { font-size: 0.7rem; color: rgba(255,255,255,0.65); font-family: 'Inter', sans-serif; line-height: 1.45; }\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(13,42,69,0.75);\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; overflow: hidden; background: #1a3040;\n}\n.philosophy__right-ph {\n width: 100%; height: 100%;\n background: linear-gradient(135deg, #1a3040 0%, #0a1e2e 100%);\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: 1rem; color: rgba(196,150,62,0.35);\n}\n.philosophy__right-ph svg { width: 80px; height: 80px; stroke: currentColor; fill: none; stroke-width: 0.7; }\n.philosophy__right-ph p { font-size: 0.65rem; letter-spacing: 0.18em; text-transform: uppercase; text-align: center; max-width: 160px; line-height: 1.6; }\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: #eef1f5; 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: #4a4a4a; 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: var(--navy);\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: #fff;\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: rgba(255,255,255,0.6); 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 5rem 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: 3rem; justify-content: center; flex-wrap: wrap; }\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: 60px 0 40px; }\n .hero-left { padding-right: 0; }\n .hero h2 { font-size: clamp(56px, 10vw, 82px); }\n .subtitle { font-size: clamp(16px, 2.2vw, 22px); }\n .patient-content { flex-direction: column; text-align: center; padding: 60px 30px; }\n .patient-text h3 { font-size: clamp(28px, 5vw, 40px); }\n .services-row { grid-template-columns: repeat(3, 1fr); }\n .philosophy { grid-template-columns: 1fr; }\n .philosophy__right { min-height: 360px; }\n}\n@media (max-width: 768px) {\n .nav__links { display: none; }\n .hero h2 { font-size: clamp(48px, 12vw, 68px); letter-spacing: -1px; }\n .buttons { flex-direction: column; }\n .services-row { grid-template-columns: repeat(2, 1fr); }\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: 1.5rem; }\n .philosophy__left { padding: 3.5rem 2rem; }\n .philosophy__pillars { flex-direction: column; }\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<\/style>\n<\/head>\n<body>\n\n\n<header>\n <div class=\"container nav\">\n <div class=\"logo\">\n <div class=\"logo-rc\">RC<\/div>\n <div class=\"logo-text\">\n <h1>Dr. Ricardo Cepeda<\/h1>\n <p>GASTROENTER\u00d3LOGO<\/p>\n <\/div>\n <\/div>\n <ul class=\"nav__links\">\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#filosofia\">Sobre m\u00ed<\/a><\/li>\n <li><a href=\"#recursos\">Recursos<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"nav__cta\" target=\"_blank\" rel=\"noopener\">Agendar cita<\/a>\n <\/div>\n<\/header>\n\n\n\n<section class=\"hero container\">\n <div class=\"hero-left\">\n <div class=\"mini-title\">GASTROENTEROLOG\u00cdA \u00b7 ENDOSCOPIA DIGESTIVA<\/div>\n <h2>\n Comprender<br>\n antes de tratar\n <\/h2>\n <p class=\"subtitle\">\n La medicina digestiva de precisi\u00f3n comienza entendiendo la causa, no solo los s\u00edntomas.\n <\/p>\n <div class=\"tags\">\n <div class=\"tag\">Endoscopia<\/div>\n <div class=\"tag\">Microbiota<\/div>\n <div class=\"tag\">Segunda opini\u00f3n<\/div>\n <div class=\"tag\">Rehabilitaci\u00f3n<\/div>\n <\/div>\n <div class=\"buttons\">\n <a href=\"https:\/\/wa.me\/573052503820\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">Agendar cita<\/a>\n <a href=\"#servicios\" class=\"btn-secondary\">Conocer servicios \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/06\/hero_ricardo.jpg\" alt=\"Dr. Ricardo Cepeda V. \u2014 Gastroenter\u00f3logo, Bogot\u00e1\">\n <\/div>\n<\/section>\n\n\n\n<section class=\"patient-section\">\n <div class=\"patient-content\">\n <div class=\"icon-box\">\u2661<\/div>\n <div class=\"patient-text\">\n <h3>Una atenci\u00f3n centrada en el paciente<\/h3>\n <p>\n Cada 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.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"services\" id=\"servicios\">\n\n <h2 class=\"services__title fade-up\">Servicios<\/h2>\n <p class=\"services__subtitle fade-up d1\">\"Cada paciente requiere una valoraci\u00f3n individual, una escucha cuidadosa y decisiones cl\u00ednicas fundamentadas en evidencia.\"<\/p>\n\n <div class=\"services-row\">\n\n <a href=\"\/endoscopia-digestiva\" class=\"svc-item fade-up d1\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 4 L6 16 C6 22 10 26 16 26 C22 26 26 22 26 16\"\/>\n <circle cx=\"26\" cy=\"11\" r=\"3\"\/>\n <line x1=\"26\" y1=\"8\" x2=\"26\" y2=\"3\"\/>\n <line x1=\"23\" y1=\"11\" x2=\"18\" y2=\"11\"\/>\n <circle cx=\"16\" cy=\"26\" r=\"2.5\"\/>\n <line x1=\"16\" y1=\"28.5\" x2=\"16\" y2=\"31\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Endoscopia Digestiva<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Procedimientos diagn\u00f3sticos y terap\u00e9uticos de alta precisi\u00f3n con tecnolog\u00eda avanzada.<\/p><\/div>\n <\/a>\n\n <a href=\"\/gastroenterologia\" class=\"svc-item fade-up d2\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 6 C8 6 6 9 6 13 C6 17 7 19 7 22 C7 26 10 29 14 29 C17 29 18 27 20 27 C22 27 24 28.5 25.5 26.5 C27 24.5 26.5 21.5 25 19.5 C23.5 17.5 24 14.5 23.5 11.5 C23 8.5 21 6 18 6 Z\"\/>\n <path d=\"M12 6 C13.5 4.5 16 4.5 17.5 6\"\/>\n <path d=\"M9 15 C11 14.5 13 15.5 14.5 15\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Gastroenterolog\u00eda Cl\u00ednica<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Diagn\u00f3stico y tratamiento integral de enfermedades digestivas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/chequeo-digestivo-preventivo\" class=\"svc-item fade-up d3\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 3 L27 8 L27 18 C27 24 22 28.5 16 31 C10 28.5 5 24 5 18 L5 8 Z\"\/>\n <polyline points=\"10,16 14,20 22,12\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Chequeo Preventivo<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Evaluaciones personalizadas para prevenir enfermedades digestivas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/microbiota-intestinal\" class=\"svc-item fade-up d4\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"16\" cy=\"16\" r=\"5\"\/>\n <circle cx=\"7\" cy=\"12\" r=\"3\"\/>\n <circle cx=\"25\" cy=\"12\" r=\"3\"\/>\n <circle cx=\"9\" cy=\"22\" r=\"3\"\/>\n <circle cx=\"23\" cy=\"22\" r=\"3\"\/>\n <line x1=\"11\" y1=\"14\" x2=\"13\" y2=\"15\"\/>\n <line x1=\"21\" y1=\"14\" x2=\"19\" y2=\"15\"\/>\n <line x1=\"12\" y1=\"21\" x2=\"14\" y2=\"19\"\/>\n <line x1=\"20\" y1=\"21\" x2=\"18\" y2=\"19\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Microbiota<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">An\u00e1lisis y estrategias para restaurar el equilibrio de tu microbiota intestinal.<\/p><\/div>\n <\/a>\n\n <a href=\"\/segunda-opinion\" class=\"svc-item fade-up d5\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 8 L4 20 C4 22 6 24 8 24 L13 24 L16 28 L19 24 L24 24 C26 24 28 22 28 20 L28 8 C28 6 26 4 24 4 L8 4 C6 4 4 6 4 8 Z\"\/>\n <line x1=\"10\" y1=\"11\" x2=\"22\" y2=\"11\"\/>\n <line x1=\"10\" y1=\"16\" x2=\"18\" y2=\"16\"\/>\n <circle cx=\"23\" cy=\"16\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Segunda Opini\u00f3n<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Revisi\u00f3n experta de diagn\u00f3sticos y tratamientos para decisiones informadas.<\/p><\/div>\n <\/a>\n\n <a href=\"\/rehabilitacion-digestiva\" class=\"svc-item fade-up d5\">\n <div class=\"svc-item__icon\">\n <svg viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 6 C22 6 27 11 27 17 C27 23 22 28 16 28 C10 28 5 23 5 17 C5 13.5 6.5 10.5 9 8.5\"\/>\n <polyline points=\"5,5 9,8.5 5,12\"\/>\n <path d=\"M16 13 C18.5 11 22 12 22 15.5 C22 19 19.5 21.5 16 22.5 C12.5 21.5 10 19 10 15.5 C10 12 13.5 11 16 13Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"svc-item__line\"><\/div>\n <h3 class=\"svc-item__name\">Rehabilitaci\u00f3n Digestiva<\/h3>\n <div class=\"svc-item__reveal\"><p class=\"svc-item__desc\">Programas personalizados para recuperar la funci\u00f3n y el bienestar digestivo.<\/p><\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n\n\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 <p style=\"font-style:italic; font-size:clamp(0.88rem,1.1vw,1rem); color:rgba(13,42,69,0.72); text-align:center; max-width:520px; margin:0 auto 1rem; line-height:1.75; font-family:'Cormorant Garamond',serif;\">\n \"Conocer en profundidad el sistema digestivo y tratar las enfermedades que con \u00e9l se desarrollan, es mi pasi\u00f3n y especialidad.\"\n <\/p>\n <div class=\"philosophy__pillars fade-up d3\">\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><path d=\"M14 4C8 4 4 8 4 13C4 17 6 20 10 22L14 24L18 22C22 20 24 17 24 13C24 8 20 4 14 4Z\"\/><line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"16\"\/><circle cx=\"14\" cy=\"18.5\" r=\"1\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Escuchar<\/div><div class=\"pillar__sub\">Atenci\u00f3n individualizada<\/div><\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><circle cx=\"14\" cy=\"14\" r=\"10\"\/><polyline points=\"10,14 13,17 19,11\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Precisi\u00f3n<\/div><div class=\"pillar__sub\">Decisiones basadas en evidencia<\/div><\/div>\n <\/div>\n <div class=\"pillar\">\n <div class=\"pillar__icon\"><svg viewBox=\"0 0 28 28\"><path d=\"M14 5C9 5 6 8 6 11C6 14 7.5 15.5 10 17L14 19L18 17C20.5 15.5 22 14 22 11C22 8 19 5 14 5Z\"\/><path d=\"M10 19C8 21 8 24 14 24C20 24 20 21 18 19\"\/><\/svg><\/div>\n <div><div class=\"pillar__name\">Humanidad<\/div><div class=\"pillar__sub\">Tratamiento centrado en la persona<\/div><\/div>\n <\/div>\n <\/div>\n <blockquote class=\"philosophy__quote fade-up d4\">\n \"El examen m\u00e1s importante sigue siendo la historia cl\u00ednica bien tomada.\"\n <cite>\u2014 Dr. Ricardo Cepeda V.<\/cite>\n <\/blockquote>\n <\/div>\n\n <div class=\"philosophy__right\">\n <div class=\"philosophy__right-ph\">\n <svg viewBox=\"0 0 80 80\"><rect x=\"15\" y=\"5\" width=\"50\" height=\"60\" rx=\"3\"\/><circle cx=\"40\" cy=\"25\" r=\"10\"\/><path d=\"M20 65C22 54 31 48 40 48s18 6 20 17\"\/><\/svg>\n <p>Foto consultorio<br>\u00b7 reemplazar aqu\u00ed \u00b7<\/p>\n <\/div>\n <\/div>\n\n<\/section>\n\n\n\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=\"\/articulos\" 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=\"\/guias\" 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=\"\/videos\" 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 <div class=\"resources__badge fade-up\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Actualizado con evidencia cient\u00edfica\n <\/div>\n<\/section>\n\n\n\n<section class=\"cta-final\" id=\"contacto\">\n <h2 class=\"cta-final__title fade-up\">\n Tu salud digestiva merece<br><em>respuestas claras<\/em>\n <\/h2>\n <p class=\"cta-final__sub fade-up d1\">\n Agenda una valoraci\u00f3n especializada y da 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\n<footer class=\"footer\">\n <div class=\"footer__inner\">\n <div class=\"footer__brand\">\n <div class=\"footer__logo\">RC<\/div>\n <div class=\"footer__copy\">\n Dr. Ricardo Cepeda V.<br>Gastroenter\u00f3logo \u00b7 Endoscopista\n <\/div>\n <\/div>\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=\"\/politica-de-datos\">Pol\u00edtica de datos<\/a>\n <\/div>\n <\/div>\n <div class=\"footer__bottom\">\n \u00a9 2024 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 \/\/ 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\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 RC Dr. Ricardo Cepeda GASTROENTER\u00d3LOGO Servicios Sobre m\u00ed Recursos Contacto Agendar cita GASTROENTEROLOG\u00cdA \u00b7 ENDOSCOPIA DIGESTIVA Comprender antes de tratar La medicina digestiva de precisi\u00f3n comienza entendiendo la causa, no solo los s\u00edntomas. Endoscopia Microbiota Segunda opini\u00f3n Rehabilitaci\u00f3n Agendar cita Conocer servicios \u2192 \u2661 Una atenci\u00f3n centrada<\/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-40949","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949","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=40949"}],"version-history":[{"count":11,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949\/revisions"}],"predecessor-version":[{"id":40968,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40949\/revisions\/40968"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}