Dr. Ricardo Cepeda | Gastroenter\u00f3logo & Rehabilitaci\u00f3n Digestiva | Bogot\u00e1<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'medical-blue': '#0A2540',\r\n 'medical-blue-light': '#1B3A5C',\r\n 'digestive-green': '#2E7D32',\r\n 'digestive-green-soft': '#E8F5E9',\r\n 'premium-gold': '#B8963E',\r\n 'premium-gold-light': '#D4AF37',\r\n 'soft-gray': '#F5F7FA',\r\n 'text-primary': '#1A1A1A',\r\n 'text-secondary': '#4A5568',\r\n },\r\n fontFamily: {\r\n 'display': ['\"Playfair Display\"', 'Georgia', 'serif'],\r\n 'body': ['\"Inter\"', 'system-ui', 'sans-serif'],\r\n },\r\n boxShadow: {\r\n 'premium': '0 25px 50px -12px rgba(0, 0, 0, 0.08), 0 4px 18px 0 rgba(0, 0, 0, 0.04)',\r\n 'card': '0 10px 30px -8px rgba(0, 0, 0, 0.06), 0 2px 8px 0 rgba(0, 0, 0, 0.03)',\r\n 'glass': '0 8px 32px 0 rgba(10, 36, 64, 0.08)',\r\n },\r\n borderRadius: {\r\n 'elegant': '1.25rem',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n * { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Inter', system-ui, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #1A1A1A;\r\n overflow-x: hidden;\r\n }\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n .bg-gradient-medical {\r\n background: linear-gradient(135deg, #0A2540 0%, #1B3A5C 40%, #0D2F4F 100%);\r\n }\r\n .floating-whatsapp {\r\n animation: float 3s ease-in-out infinite;\r\n box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4);\r\n }\r\n @keyframes float {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n 100% { transform: translateY(0); }\r\n }\r\n .stat-number { font-variant-numeric: tabular-nums; }\r\n .testimonial-fade { transition: opacity 0.4s ease, transform 0.4s ease; }\r\n .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }\r\n .card-hover:hover { transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); }\r\n .btn-hover-scale { transition: transform 0.2s ease; }\r\n .btn-hover-scale:hover { transform: scale(1.03); }\r\n @media (prefers-reduced-motion: reduce) {\r\n * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573052503820?text=Hola%20Dr.%20Cepeda,%20deseo%20agendar%20una%20cita\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n class=\"fixed bottom-6 right-6 z-50 w-16 h-16 bg-green-500 rounded-full flex items-center justify-center floating-whatsapp hover:bg-green-600 transition-colors duration-200\"\r\n aria-label=\"Chat WhatsApp\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\" class=\"w-8 h-8\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <section class=\"relative min-h-screen flex items-center bg-gradient-to-br from-[#0A2540] via-[#1B3A5C] to-[#0D2F4F] overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-[#0A2540] via-[#0A2540]\/90 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?q=80&w=2068&auto=format&fit=crop\"\r\n alt=\"Consultorio m\u00e9dico moderno\" class=\"w-full h-full object-cover opacity-30\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"relative z-20 w-full max-w-7xl mx-auto px-6 md:px-10 lg:px-16 py-20 md:py-28\">\r\n <div class=\"max-w-2xl\">\r\n <span class=\"inline-block text-[#D4AF37] text-sm md:text-base font-medium tracking-widest uppercase mb-3 opacity-0 animate-[fadeInUp_0.6s_ease-out_0.1s_forwards]\">\r\n Gastroenterolog\u00eda de excelencia\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-display font-semibold text-white leading-tight mb-2 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.25s_forwards]\">\r\n Ricardo Cepeda\r\n <\/h1>\r\n <p class=\"text-xl md:text-2xl text-[#E8F5E9] font-medium mb-4 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.4s_forwards]\">\r\n Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva\r\n <\/p>\r\n <p class=\"text-base md:text-lg text-gray-200 max-w-xl leading-relaxed mb-8 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.55s_forwards]\">\r\n M\u00e1s de 30 a\u00f1os ayudando a pacientes a recuperar su bienestar digestivo mediante un enfoque humano, cient\u00edfico y personalizado.\r\n <\/p>\r\n <div class=\"flex flex-wrap gap-4 opacity-0 animate-[fadeInUp_0.6s_ease-out_0.7s_forwards]\">\r\n <a href=\"https:\/\/wa.me\/573052503820?text=Hola%20Dr.%20Cepeda,%20deseo%20agendar%20una%20cita\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n class=\"bg-[#D4AF37] hover:bg-[#B8963E] text-[#0A2540] font-semibold px-8 py-3.5 rounded-full shadow-lg btn-hover-scale transition-colors duration-300 text-sm md:text-base\">\r\n Agendar cita\r\n <\/a>\r\n <a href=\"#servicios\"\r\n class=\"border-2 border-white\/60 text-white hover:bg-white\/10 font-medium px-8 py-3.5 rounded-full transition-all duration-300 text-sm md:text-base backdrop-blur-sm\">\r\n Conocer servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre-doctor\" class=\"relative bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-5 gap-12 items-center\">\r\n <div class=\"md:col-span-2 flex justify-center\">\r\n <div class=\"relative w-72 h-72 md:w-80 md:h-80 rounded-full overflow-hidden shadow-premium border-4 border-white\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612349317150-e413f6a5b16d?q=80&w=2070&auto=format&fit=crop\"\r\n alt=\"Dr. Ricardo Cepeda V\u00e1squez, gastroenter\u00f3logo\"\r\n class=\"w-full h-full object-cover object-center\" loading=\"lazy\">\r\n <div class=\"absolute inset-0 ring-2 ring-[#B8963E]\/30 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:col-span-3\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Sobre el doctor<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2 mb-6\">\r\n Conocer en profundidad el sistema digestivo y tratar las enfermedades digestivas es mi pasi\u00f3n y especialidad.\r\n <\/h2>\r\n <p class=\"text-[#4A5568] leading-relaxed mb-4\">\r\n Integro experiencia cl\u00ednica, tecnolog\u00eda diagn\u00f3stica avanzada y un enfoque centrado en el paciente para ofrecer tratamientos precisos y personalizados.\r\n <\/p>\r\n <p class=\"text-[#4A5568] leading-relaxed mb-6\">\r\n Incluye m\u00e1s de <strong class=\"text-[#0A2540]\">30 a\u00f1os de experiencia m\u00e9dica<\/strong> en gastroenterolog\u00eda y rehabilitaci\u00f3n digestiva.\r\n <\/p>\r\n <div class=\"grid grid-cols-3 gap-4 mt-8\">\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"30\" data-suffix=\"+\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">A\u00f1os de experiencia<\/p>\r\n <\/div>\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"12000\" data-suffix=\"+\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">Pacientes atendidos<\/p>\r\n <\/div>\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"98\" data-suffix=\"%\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">Satisfacci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicios\" class=\"bg-[#F5F7FA] py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Servicios especializados<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">Cuidado digestivo integral<\/h2>\r\n <p class=\"text-[#4A5568] max-w-2xl mx-auto mt-3\">Tecnolog\u00eda de vanguardia y un enfoque humano para diagnosticar y tratar afecciones gastrointestinales.<\/p>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-b from-[#E8F5E9]\/30 to-transparent pointer-events-none\"><\/div>\r\n <div class=\"max-w-7xl mx-auto relative z-10\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#B8963E] font-semibold tracking-wide uppercase text-sm\">Diferenciaci\u00f3n<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">\u00bfPor qu\u00e9 elegir al Dr. Ricardo Cepeda?<\/h2>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"diferenciador-container\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-[#F5F7FA] py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Testimonios<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2 mb-10\">Pacientes que recuperaron su bienestar<\/h2>\r\n <div class=\"relative min-h-[240px] md:min-h-[200px]\">\r\n <div id=\"testimonial-content\" class=\"bg-white rounded-elegant p-8 md:p-10 shadow-card testimonial-fade\"><\/div>\r\n <div class=\"flex justify-center gap-4 mt-8\">\r\n <button id=\"prev-testimonial\" class=\"w-10 h-10 rounded-full border border-[#0A2540]\/20 flex items-center justify-center text-[#0A2540] hover:bg-[#0A2540] hover:text-white transition-colors duration-200\" aria-label=\"Anterior testimonio\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/><\/svg>\r\n <\/button>\r\n <button id=\"next-testimonial\" class=\"w-10 h-10 rounded-full border border-[#0A2540]\/20 flex items-center justify-center text-[#0A2540] hover:bg-[#0A2540] hover:text-white transition-colors duration-200\" aria-label=\"Siguiente testimonio\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" \/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contacto\" class=\"bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#B8963E] font-semibold tracking-wide uppercase text-sm\">Contacto<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">Agende su consulta<\/h2>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-5 gap-10\">\r\n <div class=\"md:col-span-2 bg-[#F5F7FA] rounded-elegant p-8\">\r\n <h3 class=\"text-xl font-display font-semibold text-[#0A2540] mb-6\">Informaci\u00f3n de contacto<\/h3>\r\n <div class=\"space-y-5\">\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\" \/><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Consultorio<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">Centro M\u00e9dico Almirante Col\u00f3n<br \/>Carrera 16 #84A-09 Consultorio 513<br \/>Bogot\u00e1, Colombia<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Tel\u00e9fonos<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">6012855670 \u00b7 6013003217<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Correo<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">consultoriodoctorcepeda@gmail.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-green-500 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">WhatsApp<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">3052503820<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 rounded-elegant overflow-hidden h-52 shadow-md\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.549836278044!2d-74.053456!3d4.673456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f9a8b3c7a1f7b%3A0x9a6b0c9e0a5f3c8e!2sCra.%2016%20%2384A-09%2C%20Bogot%C3%A1!5e0!3m2!1ses!2sco!4v1710000000000\"\r\n width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Ubicaci\u00f3n del consultorio\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:col-span-3 bg-white rounded-elegant p-8 shadow-card border border-gray-100\/60\">\r\n <h3 class=\"text-xl font-display font-semibold text-[#0A2540] mb-6\">Solicite informaci\u00f3n<\/h3>\r\n <form id=\"contact-form\" class=\"space-y-5\">\r\n <div>\r\n <label for=\"name\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Nombre completo<\/label>\r\n <input type=\"text\" id=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"Ej: Mar\u00eda Gonz\u00e1lez\">\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div>\r\n <label for=\"email\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Correo electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"correo@ejemplo.com\">\r\n <\/div>\r\n <div>\r\n <label for=\"phone\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"+57 300 000 0000\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label for=\"message\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Mensaje<\/label>\r\n <textarea id=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm resize-none\" placeholder=\"Describa brevemente su consulta o s\u00edntoma...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-[#0A2540] hover:bg-[#1B3A5C] text-white font-semibold py-3.5 rounded-xl transition-colors duration-200 shadow-md btn-hover-scale\">\r\n Enviar mensaje\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#0A2540] text-white py-14 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-3 gap-10 items-center\">\r\n <div>\r\n <h4 class=\"text-2xl font-display font-semibold text-white mb-3\">Dr. Ricardo Cepeda<\/h4>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva<\/p>\r\n <p class=\"text-[#D4AF37] text-sm mt-2 italic\">\"Excelencia m\u00e9dica en salud digestiva.\"<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-start md:items-center gap-3\">\r\n <p class=\"font-medium text-gray-200 text-sm uppercase tracking-wider\">Enlaces r\u00e1pidos<\/p>\r\n <a href=\"#servicios\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Servicios<\/a>\r\n <a href=\"#sobre-doctor\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Sobre el doctor<\/a>\r\n <a href=\"#contacto\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Agenda online<\/a>\r\n <\/div>\r\n <div class=\"flex flex-col items-start md:items-end gap-3\">\r\n <p class=\"font-medium text-gray-200 text-sm uppercase tracking-wider\">S\u00edguenos<\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full border border-gray-500 flex items-center justify-center text-gray-400 hover:border-[#B8963E] hover:text-[#B8963E] transition-colors\" aria-label=\"LinkedIn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full border border-gray-500 flex items-center justify-center text-gray-400 hover:border-[#B8963E] hover:text-[#B8963E] transition-colors\" aria-label=\"Instagram\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 mt-10 pt-6 text-center text-gray-500 text-xs\">\r\n \u00a9 <span id=\"current-year\"><\/span> Dr. Ricardo Cepeda V\u00e1squez. Todos los derechos reservados. | Dise\u00f1o m\u00e9dico premium.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n (function() {\r\n \/\/ ---- A\u00f1o actual footer ----\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n \/\/ ---- Animaci\u00f3n de estad\u00edsticas ----\r\n function animateStats() {\r\n const stats = document.querySelectorAll('.stat-number[data-target]');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n const target = parseInt(el.getAttribute('data-target'));\r\n const suffix = el.getAttribute('data-suffix') || '';\r\n const duration = 2000;\r\n let start = 0;\r\n const increment = target \/ (duration \/ 16);\r\n const timer = setInterval(() => {\r\n start += increment;\r\n if (start >= target) {\r\n el.textContent = target + suffix;\r\n clearInterval(timer);\r\n } else {\r\n el.textContent = Math.floor(start) + suffix;\r\n }\r\n }, 16);\r\n observer.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n stats.forEach(stat => observer.observe(stat));\r\n }\r\n\r\n \/\/ ---- Servicios din\u00e1micos ----\r\n const services = [\r\n { title: 'Endoscopia Digestiva Alta', desc: 'Evaluaci\u00f3n precisa del es\u00f3fago, est\u00f3mago y duodeno con equipos de \u00faltima generaci\u00f3n.' },\r\n { title: 'Colonoscopia Diagn\u00f3stica', desc: 'Detecci\u00f3n temprana de patolog\u00edas del colon mediante im\u00e1genes de alta definici\u00f3n.' },\r\n { title: 'Colonoscopia Terap\u00e9utica', desc: 'Procedimientos m\u00ednimamente invasivos para tratar lesiones detectadas.' },\r\n { title: 'Rehabilitaci\u00f3n Digestiva', desc: 'Programa integral para restaurar la funci\u00f3n digestiva y la calidad de vida.' },\r\n { title: 'Consulta Especializada', desc: 'Valoraci\u00f3n exhaustiva y plan de tratamiento personalizado.' },\r\n { title: 'Prevenci\u00f3n de c\u00e1ncer gastrointestinal', desc: 'Estrategias de tamizaje y prevenci\u00f3n basadas en evidencia cient\u00edfica.' },\r\n { title: 'Enfermedades digestivas funcionales', desc: 'Manejo experto de condiciones como SII, dispepsia y trastornos motores.' }\r\n ];\r\n\r\n const servicesContainer = document.querySelector('#servicios .grid');\r\n if (servicesContainer) {\r\n services.forEach(service => {\r\n const card = document.createElement('div');\r\n card.className = 'glass-card rounded-elegant p-6 md:p-7 shadow-glass card-hover cursor-pointer';\r\n card.innerHTML = `\r\n <div class=\"mb-4 text-[#2E7D32]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-10 h-10\">\r\n <path d=\"M3 12h18\" \/><path d=\"M3 6h18\" \/><path d=\"M3 18h12\" \/><circle cx=\"20\" cy=\"18\" r=\"3\" fill=\"currentColor\" fill-opacity=\"0.2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-lg md:text-xl font-semibold text-[#0A2540] mb-2 font-display\">${service.title}<\/h3>\r\n <p class=\"text-[#4A5568] text-sm md:text-base leading-relaxed mb-5\">${service.desc}<\/p>\r\n <button class=\"text-[#2E7D32] font-medium text-sm flex items-center gap-1.5 hover:text-[#0A2540] transition-colors duration-200\">\r\n M\u00e1s informaci\u00f3n\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\r\n <\/svg>\r\n <\/button>\r\n `;\r\n servicesContainer.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ ---- Diferenciador din\u00e1mico ----\r\n const diferenciadorData = [\r\n { title: 'Atenci\u00f3n humanizada', desc: 'Cada paciente es \u00fanico. Escuchamos, entendemos y acompa\u00f1amos.' },\r\n { title: 'Tecnolog\u00eda avanzada', desc: 'Equipos diagn\u00f3sticos de \u00faltima generaci\u00f3n para m\u00e1xima precisi\u00f3n.' },\r\n { title: 'Experiencia cl\u00ednica', desc: 'M\u00e1s de tres d\u00e9cadas dedicadas a la salud digestiva.' },\r\n { title: 'Diagn\u00f3stico preciso', desc: 'Interpretaci\u00f3n experta para llegar a la ra\u00edz del problema.' },\r\n { title: 'Seguimiento personalizado', desc: 'Planes de tratamiento adaptados a cada etapa de recuperaci\u00f3n.' },\r\n { title: 'Rehabilitaci\u00f3n integral', desc: 'M\u00e1s all\u00e1 del s\u00edntoma: restauramos la salud digestiva completa.' }\r\n ];\r\n\r\n const difContainer = document.getElementById('diferenciador-container');\r\n if (difContainer) {\r\n diferenciadorData.forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'bg-white rounded-elegant p-6 shadow-card hover:shadow-premium transition-all duration-300 border border-gray-100\/60 flex flex-col items-center text-center card-hover';\r\n card.innerHTML = `\r\n <div class=\"w-14 h-14 rounded-full bg-[#E8F5E9] flex items-center justify-center mb-4 text-[#2E7D32]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"text-md font-semibold text-[#0A2540] mb-2\">${item.title}<\/h4>\r\n <p class=\"text-[#4A5568] text-sm leading-relaxed\">${item.desc}<\/p>\r\n `;\r\n difContainer.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ ---- Testimonios ----\r\n const testimonios = [\r\n { name: \"Mar\u00eda Claudia R.\", text: \"Despu\u00e9s de a\u00f1os de malestar, el Dr. Cepeda me devolvi\u00f3 la calidad de vida. Su enfoque integral en rehabilitaci\u00f3n digestiva marc\u00f3 la diferencia.\", stars: 5 },\r\n { name: \"Andr\u00e9s F. G\u00f3mez\", text: \"Excelente profesional, tecnolog\u00eda de punta y un trato humano excepcional. Mi colonoscopia fue una experiencia tranquila y segura.\", stars: 5 },\r\n { name: \"Laura V. S\u00e1nchez\", text: \"Gracias a su diagn\u00f3stico preciso, pudimos prevenir un problema mayor. Recomiendo al Dr. Cepeda sin reservas.\", stars: 5 },\r\n { name: \"Carlos E. Mej\u00eda\", text: \"La consulta especializada super\u00f3 mis expectativas. Se toma el tiempo para explicar cada detalle. Muy agradecido.\", stars: 5 }\r\n ];\r\n\r\n let activeIndex = 0;\r\n const testimonialDiv = document.getElementById('testimonial-content');\r\n\r\n function renderTestimonial(index) {\r\n const t = testimonios[index];\r\n let starsHtml = '';\r\n for (let i = 0; i < t.stars; i++) {\r\n starsHtml += `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#B8963E] inline-block\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>`;\r\n }\r\n testimonialDiv.innerHTML = `\r\n <div class=\"flex justify-center mb-4\">${starsHtml}<\/div>\r\n <p class=\"text-[#4A5568] text-lg italic leading-relaxed mb-4\">\"${t.text}\"<\/p>\r\n <p class=\"font-semibold text-[#0A2540]\">${t.name}<\/p>\r\n <p class=\"text-sm text-[#4A5568]\">Paciente de gastroenterolog\u00eda<\/p>\r\n `;\r\n }\r\n\r\n renderTestimonial(activeIndex);\r\n\r\n document.getElementById('next-testimonial').addEventListener('click', () => {\r\n activeIndex = (activeIndex + 1) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n });\r\n document.getElementById('prev-testimonial').addEventListener('click', () => {\r\n activeIndex = (activeIndex - 1 + testimonios.length) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n });\r\n\r\n setInterval(() => {\r\n activeIndex = (activeIndex + 1) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n }, 6000);\r\n\r\n \/\/ ---- Formulario de contacto ----\r\n document.getElementById('contact-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n alert('Gracias por tu mensaje. Nos pondremos en contacto contigo pronto.');\r\n this.reset();\r\n });\r\n\r\n \/\/ ---- Iniciar observadores de estad\u00edsticas ----\r\n animateStats();\r\n\r\n \/\/ ---- Animaciones de entrada con keyframes personalizados ----\r\n const styleSheet = document.createElement(\"style\");\r\n styleSheet.textContent = `\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n `;\r\n document.head.appendChild(styleSheet);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dr. Ricardo Cepeda | Gastroenter\u00f3logo & Rehabilitaci\u00f3n Digestiva | Bogot\u00e1 Gastroenterolog\u00eda de excelencia Ricardo Cepeda Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva M\u00e1s de 30 a\u00f1os ayudando a pacientes a recuperar su bienestar digestivo mediante un enfoque humano, cient\u00edfico y personalizado. Agendar cita Conocer servicios Sobre el doctor Conocer en profundidad el sistema digestivo y tratar las enfermedades<\/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-40633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633","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=40633"}],"version-history":[{"count":7,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633\/revisions"}],"predecessor-version":[{"id":40664,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633\/revisions\/40664"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n Dr. Ricardo Cepeda | Gastroenter\u00f3logo & Rehabilitaci\u00f3n Digestiva | Bogot\u00e1<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'medical-blue': '#0A2540',\r\n 'medical-blue-light': '#1B3A5C',\r\n 'digestive-green': '#2E7D32',\r\n 'digestive-green-soft': '#E8F5E9',\r\n 'premium-gold': '#B8963E',\r\n 'premium-gold-light': '#D4AF37',\r\n 'soft-gray': '#F5F7FA',\r\n 'text-primary': '#1A1A1A',\r\n 'text-secondary': '#4A5568',\r\n },\r\n fontFamily: {\r\n 'display': ['\"Playfair Display\"', 'Georgia', 'serif'],\r\n 'body': ['\"Inter\"', 'system-ui', 'sans-serif'],\r\n },\r\n boxShadow: {\r\n 'premium': '0 25px 50px -12px rgba(0, 0, 0, 0.08), 0 4px 18px 0 rgba(0, 0, 0, 0.04)',\r\n 'card': '0 10px 30px -8px rgba(0, 0, 0, 0.06), 0 2px 8px 0 rgba(0, 0, 0, 0.03)',\r\n 'glass': '0 8px 32px 0 rgba(10, 36, 64, 0.08)',\r\n },\r\n borderRadius: {\r\n 'elegant': '1.25rem',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n * { scroll-behavior: smooth; }\r\n body {\r\n font-family: 'Inter', system-ui, sans-serif;\r\n background-color: #FFFFFF;\r\n color: #1A1A1A;\r\n overflow-x: hidden;\r\n }\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n }\r\n .bg-gradient-medical {\r\n background: linear-gradient(135deg, #0A2540 0%, #1B3A5C 40%, #0D2F4F 100%);\r\n }\r\n .floating-whatsapp {\r\n animation: float 3s ease-in-out infinite;\r\n box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4);\r\n }\r\n @keyframes float {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n 100% { transform: translateY(0); }\r\n }\r\n .stat-number { font-variant-numeric: tabular-nums; }\r\n .testimonial-fade { transition: opacity 0.4s ease, transform 0.4s ease; }\r\n .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }\r\n .card-hover:hover { transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); }\r\n .btn-hover-scale { transition: transform 0.2s ease; }\r\n .btn-hover-scale:hover { transform: scale(1.03); }\r\n @media (prefers-reduced-motion: reduce) {\r\n * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/573052503820?text=Hola%20Dr.%20Cepeda,%20deseo%20agendar%20una%20cita\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n class=\"fixed bottom-6 right-6 z-50 w-16 h-16 bg-green-500 rounded-full flex items-center justify-center floating-whatsapp hover:bg-green-600 transition-colors duration-200\"\r\n aria-label=\"Chat WhatsApp\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\" class=\"w-8 h-8\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <section class=\"relative min-h-screen flex items-center bg-gradient-to-br from-[#0A2540] via-[#1B3A5C] to-[#0D2F4F] overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-[#0A2540] via-[#0A2540]\/90 to-transparent z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?q=80&w=2068&auto=format&fit=crop\"\r\n alt=\"Consultorio m\u00e9dico moderno\" class=\"w-full h-full object-cover opacity-30\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"relative z-20 w-full max-w-7xl mx-auto px-6 md:px-10 lg:px-16 py-20 md:py-28\">\r\n <div class=\"max-w-2xl\">\r\n <span class=\"inline-block text-[#D4AF37] text-sm md:text-base font-medium tracking-widest uppercase mb-3 opacity-0 animate-[fadeInUp_0.6s_ease-out_0.1s_forwards]\">\r\n Gastroenterolog\u00eda de excelencia\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-display font-semibold text-white leading-tight mb-2 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.25s_forwards]\">\r\n Ricardo Cepeda\r\n <\/h1>\r\n <p class=\"text-xl md:text-2xl text-[#E8F5E9] font-medium mb-4 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.4s_forwards]\">\r\n Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva\r\n <\/p>\r\n <p class=\"text-base md:text-lg text-gray-200 max-w-xl leading-relaxed mb-8 opacity-0 animate-[fadeInUp_0.7s_ease-out_0.55s_forwards]\">\r\n M\u00e1s de 30 a\u00f1os ayudando a pacientes a recuperar su bienestar digestivo mediante un enfoque humano, cient\u00edfico y personalizado.\r\n <\/p>\r\n <div class=\"flex flex-wrap gap-4 opacity-0 animate-[fadeInUp_0.6s_ease-out_0.7s_forwards]\">\r\n <a href=\"https:\/\/wa.me\/573052503820?text=Hola%20Dr.%20Cepeda,%20deseo%20agendar%20una%20cita\"\r\n target=\"_blank\" rel=\"noopener noreferrer\"\r\n class=\"bg-[#D4AF37] hover:bg-[#B8963E] text-[#0A2540] font-semibold px-8 py-3.5 rounded-full shadow-lg btn-hover-scale transition-colors duration-300 text-sm md:text-base\">\r\n Agendar cita\r\n <\/a>\r\n <a href=\"#servicios\"\r\n class=\"border-2 border-white\/60 text-white hover:bg-white\/10 font-medium px-8 py-3.5 rounded-full transition-all duration-300 text-sm md:text-base backdrop-blur-sm\">\r\n Conocer servicios\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre-doctor\" class=\"relative bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-5 gap-12 items-center\">\r\n <div class=\"md:col-span-2 flex justify-center\">\r\n <div class=\"relative w-72 h-72 md:w-80 md:h-80 rounded-full overflow-hidden shadow-premium border-4 border-white\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612349317150-e413f6a5b16d?q=80&w=2070&auto=format&fit=crop\"\r\n alt=\"Dr. Ricardo Cepeda V\u00e1squez, gastroenter\u00f3logo\"\r\n class=\"w-full h-full object-cover object-center\" loading=\"lazy\">\r\n <div class=\"absolute inset-0 ring-2 ring-[#B8963E]\/30 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:col-span-3\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Sobre el doctor<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2 mb-6\">\r\n Conocer en profundidad el sistema digestivo y tratar las enfermedades digestivas es mi pasi\u00f3n y especialidad.\r\n <\/h2>\r\n <p class=\"text-[#4A5568] leading-relaxed mb-4\">\r\n Integro experiencia cl\u00ednica, tecnolog\u00eda diagn\u00f3stica avanzada y un enfoque centrado en el paciente para ofrecer tratamientos precisos y personalizados.\r\n <\/p>\r\n <p class=\"text-[#4A5568] leading-relaxed mb-6\">\r\n Incluye m\u00e1s de <strong class=\"text-[#0A2540]\">30 a\u00f1os de experiencia m\u00e9dica<\/strong> en gastroenterolog\u00eda y rehabilitaci\u00f3n digestiva.\r\n <\/p>\r\n <div class=\"grid grid-cols-3 gap-4 mt-8\">\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"30\" data-suffix=\"+\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">A\u00f1os de experiencia<\/p>\r\n <\/div>\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"12000\" data-suffix=\"+\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">Pacientes atendidos<\/p>\r\n <\/div>\r\n <div class=\"text-center p-4\">\r\n <span class=\"stat-number text-4xl md:text-5xl font-bold text-[#0A2540] font-display\" data-target=\"98\" data-suffix=\"%\">0<\/span>\r\n <p class=\"text-sm text-[#4A5568] mt-2 font-medium\">Satisfacci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicios\" class=\"bg-[#F5F7FA] py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Servicios especializados<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">Cuidado digestivo integral<\/h2>\r\n <p class=\"text-[#4A5568] max-w-2xl mx-auto mt-3\">Tecnolog\u00eda de vanguardia y un enfoque humano para diagnosticar y tratar afecciones gastrointestinales.<\/p>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-b from-[#E8F5E9]\/30 to-transparent pointer-events-none\"><\/div>\r\n <div class=\"max-w-7xl mx-auto relative z-10\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#B8963E] font-semibold tracking-wide uppercase text-sm\">Diferenciaci\u00f3n<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">\u00bfPor qu\u00e9 elegir al Dr. Ricardo Cepeda?<\/h2>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"diferenciador-container\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"bg-[#F5F7FA] py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <span class=\"text-[#2E7D32] font-semibold tracking-wide uppercase text-sm\">Testimonios<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2 mb-10\">Pacientes que recuperaron su bienestar<\/h2>\r\n <div class=\"relative min-h-[240px] md:min-h-[200px]\">\r\n <div id=\"testimonial-content\" class=\"bg-white rounded-elegant p-8 md:p-10 shadow-card testimonial-fade\"><\/div>\r\n <div class=\"flex justify-center gap-4 mt-8\">\r\n <button id=\"prev-testimonial\" class=\"w-10 h-10 rounded-full border border-[#0A2540]\/20 flex items-center justify-center text-[#0A2540] hover:bg-[#0A2540] hover:text-white transition-colors duration-200\" aria-label=\"Anterior testimonio\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/><\/svg>\r\n <\/button>\r\n <button id=\"next-testimonial\" class=\"w-10 h-10 rounded-full border border-[#0A2540]\/20 flex items-center justify-center text-[#0A2540] hover:bg-[#0A2540] hover:text-white transition-colors duration-200\" aria-label=\"Siguiente testimonio\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5l7 7-7 7\" \/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contacto\" class=\"bg-white py-20 md:py-28 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <span class=\"text-[#B8963E] font-semibold tracking-wide uppercase text-sm\">Contacto<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-display font-semibold text-[#0A2540] mt-2\">Agende su consulta<\/h2>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-5 gap-10\">\r\n <div class=\"md:col-span-2 bg-[#F5F7FA] rounded-elegant p-8\">\r\n <h3 class=\"text-xl font-display font-semibold text-[#0A2540] mb-6\">Informaci\u00f3n de contacto<\/h3>\r\n <div class=\"space-y-5\">\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\" \/><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Consultorio<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">Centro M\u00e9dico Almirante Col\u00f3n<br \/>Carrera 16 #84A-09 Consultorio 513<br \/>Bogot\u00e1, Colombia<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Tel\u00e9fonos<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">6012855670 \u00b7 6013003217<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#2E7D32] mt-0.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth=\"2\"><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\" \/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">Correo<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">consultoriodoctorcepeda@gmail.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-3\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-green-500 mt-0.5\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n <div>\r\n <p class=\"font-medium text-[#0A2540]\">WhatsApp<\/p>\r\n <p class=\"text-[#4A5568] text-sm\">3052503820<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 rounded-elegant overflow-hidden h-52 shadow-md\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3976.549836278044!2d-74.053456!3d4.673456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f9a8b3c7a1f7b%3A0x9a6b0c9e0a5f3c8e!2sCra.%2016%20%2384A-09%2C%20Bogot%C3%A1!5e0!3m2!1ses!2sco!4v1710000000000\"\r\n width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"Ubicaci\u00f3n del consultorio\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:col-span-3 bg-white rounded-elegant p-8 shadow-card border border-gray-100\/60\">\r\n <h3 class=\"text-xl font-display font-semibold text-[#0A2540] mb-6\">Solicite informaci\u00f3n<\/h3>\r\n <form id=\"contact-form\" class=\"space-y-5\">\r\n <div>\r\n <label for=\"name\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Nombre completo<\/label>\r\n <input type=\"text\" id=\"name\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"Ej: Mar\u00eda Gonz\u00e1lez\">\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n <div>\r\n <label for=\"email\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Correo electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"correo@ejemplo.com\">\r\n <\/div>\r\n <div>\r\n <label for=\"phone\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Tel\u00e9fono<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm\" placeholder=\"+57 300 000 0000\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label for=\"message\" class=\"block text-sm font-medium text-[#4A5568] mb-1\">Mensaje<\/label>\r\n <textarea id=\"message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-[#2E7D32] focus:ring-2 focus:ring-[#E8F5E9] outline-none transition-all duration-200 text-sm resize-none\" placeholder=\"Describa brevemente su consulta o s\u00edntoma...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-[#0A2540] hover:bg-[#1B3A5C] text-white font-semibold py-3.5 rounded-xl transition-colors duration-200 shadow-md btn-hover-scale\">\r\n Enviar mensaje\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-[#0A2540] text-white py-14 px-6 md:px-10 lg:px-16\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"grid md:grid-cols-3 gap-10 items-center\">\r\n <div>\r\n <h4 class=\"text-2xl font-display font-semibold text-white mb-3\">Dr. Ricardo Cepeda<\/h4>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva<\/p>\r\n <p class=\"text-[#D4AF37] text-sm mt-2 italic\">\"Excelencia m\u00e9dica en salud digestiva.\"<\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-start md:items-center gap-3\">\r\n <p class=\"font-medium text-gray-200 text-sm uppercase tracking-wider\">Enlaces r\u00e1pidos<\/p>\r\n <a href=\"#servicios\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Servicios<\/a>\r\n <a href=\"#sobre-doctor\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Sobre el doctor<\/a>\r\n <a href=\"#contacto\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Contacto<\/a>\r\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors text-sm\">Agenda online<\/a>\r\n <\/div>\r\n <div class=\"flex flex-col items-start md:items-end gap-3\">\r\n <p class=\"font-medium text-gray-200 text-sm uppercase tracking-wider\">S\u00edguenos<\/p>\r\n <div class=\"flex gap-4\">\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full border border-gray-500 flex items-center justify-center text-gray-400 hover:border-[#B8963E] hover:text-[#B8963E] transition-colors\" aria-label=\"LinkedIn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"w-9 h-9 rounded-full border border-gray-500 flex items-center justify-center text-gray-400 hover:border-[#B8963E] hover:text-[#B8963E] transition-colors\" aria-label=\"Instagram\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-gray-700 mt-10 pt-6 text-center text-gray-500 text-xs\">\r\n \u00a9 <span id=\"current-year\"><\/span> Dr. Ricardo Cepeda V\u00e1squez. Todos los derechos reservados. | Dise\u00f1o m\u00e9dico premium.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n (function() {\r\n \/\/ ---- A\u00f1o actual footer ----\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n \/\/ ---- Animaci\u00f3n de estad\u00edsticas ----\r\n function animateStats() {\r\n const stats = document.querySelectorAll('.stat-number[data-target]');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n const target = parseInt(el.getAttribute('data-target'));\r\n const suffix = el.getAttribute('data-suffix') || '';\r\n const duration = 2000;\r\n let start = 0;\r\n const increment = target \/ (duration \/ 16);\r\n const timer = setInterval(() => {\r\n start += increment;\r\n if (start >= target) {\r\n el.textContent = target + suffix;\r\n clearInterval(timer);\r\n } else {\r\n el.textContent = Math.floor(start) + suffix;\r\n }\r\n }, 16);\r\n observer.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n stats.forEach(stat => observer.observe(stat));\r\n }\r\n\r\n \/\/ ---- Servicios din\u00e1micos ----\r\n const services = [\r\n { title: 'Endoscopia Digestiva Alta', desc: 'Evaluaci\u00f3n precisa del es\u00f3fago, est\u00f3mago y duodeno con equipos de \u00faltima generaci\u00f3n.' },\r\n { title: 'Colonoscopia Diagn\u00f3stica', desc: 'Detecci\u00f3n temprana de patolog\u00edas del colon mediante im\u00e1genes de alta definici\u00f3n.' },\r\n { title: 'Colonoscopia Terap\u00e9utica', desc: 'Procedimientos m\u00ednimamente invasivos para tratar lesiones detectadas.' },\r\n { title: 'Rehabilitaci\u00f3n Digestiva', desc: 'Programa integral para restaurar la funci\u00f3n digestiva y la calidad de vida.' },\r\n { title: 'Consulta Especializada', desc: 'Valoraci\u00f3n exhaustiva y plan de tratamiento personalizado.' },\r\n { title: 'Prevenci\u00f3n de c\u00e1ncer gastrointestinal', desc: 'Estrategias de tamizaje y prevenci\u00f3n basadas en evidencia cient\u00edfica.' },\r\n { title: 'Enfermedades digestivas funcionales', desc: 'Manejo experto de condiciones como SII, dispepsia y trastornos motores.' }\r\n ];\r\n\r\n const servicesContainer = document.querySelector('#servicios .grid');\r\n if (servicesContainer) {\r\n services.forEach(service => {\r\n const card = document.createElement('div');\r\n card.className = 'glass-card rounded-elegant p-6 md:p-7 shadow-glass card-hover cursor-pointer';\r\n card.innerHTML = `\r\n <div class=\"mb-4 text-[#2E7D32]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-10 h-10\">\r\n <path d=\"M3 12h18\" \/><path d=\"M3 6h18\" \/><path d=\"M3 18h12\" \/><circle cx=\"20\" cy=\"18\" r=\"3\" fill=\"currentColor\" fill-opacity=\"0.2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"text-lg md:text-xl font-semibold text-[#0A2540] mb-2 font-display\">${service.title}<\/h3>\r\n <p class=\"text-[#4A5568] text-sm md:text-base leading-relaxed mb-5\">${service.desc}<\/p>\r\n <button class=\"text-[#2E7D32] font-medium text-sm flex items-center gap-1.5 hover:text-[#0A2540] transition-colors duration-200\">\r\n M\u00e1s informaci\u00f3n\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\r\n <\/svg>\r\n <\/button>\r\n `;\r\n servicesContainer.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ ---- Diferenciador din\u00e1mico ----\r\n const diferenciadorData = [\r\n { title: 'Atenci\u00f3n humanizada', desc: 'Cada paciente es \u00fanico. Escuchamos, entendemos y acompa\u00f1amos.' },\r\n { title: 'Tecnolog\u00eda avanzada', desc: 'Equipos diagn\u00f3sticos de \u00faltima generaci\u00f3n para m\u00e1xima precisi\u00f3n.' },\r\n { title: 'Experiencia cl\u00ednica', desc: 'M\u00e1s de tres d\u00e9cadas dedicadas a la salud digestiva.' },\r\n { title: 'Diagn\u00f3stico preciso', desc: 'Interpretaci\u00f3n experta para llegar a la ra\u00edz del problema.' },\r\n { title: 'Seguimiento personalizado', desc: 'Planes de tratamiento adaptados a cada etapa de recuperaci\u00f3n.' },\r\n { title: 'Rehabilitaci\u00f3n integral', desc: 'M\u00e1s all\u00e1 del s\u00edntoma: restauramos la salud digestiva completa.' }\r\n ];\r\n\r\n const difContainer = document.getElementById('diferenciador-container');\r\n if (difContainer) {\r\n diferenciadorData.forEach(item => {\r\n const card = document.createElement('div');\r\n card.className = 'bg-white rounded-elegant p-6 shadow-card hover:shadow-premium transition-all duration-300 border border-gray-100\/60 flex flex-col items-center text-center card-hover';\r\n card.innerHTML = `\r\n <div class=\"w-14 h-14 rounded-full bg-[#E8F5E9] flex items-center justify-center mb-4 text-[#2E7D32]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h4 class=\"text-md font-semibold text-[#0A2540] mb-2\">${item.title}<\/h4>\r\n <p class=\"text-[#4A5568] text-sm leading-relaxed\">${item.desc}<\/p>\r\n `;\r\n difContainer.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ ---- Testimonios ----\r\n const testimonios = [\r\n { name: \"Mar\u00eda Claudia R.\", text: \"Despu\u00e9s de a\u00f1os de malestar, el Dr. Cepeda me devolvi\u00f3 la calidad de vida. Su enfoque integral en rehabilitaci\u00f3n digestiva marc\u00f3 la diferencia.\", stars: 5 },\r\n { name: \"Andr\u00e9s F. G\u00f3mez\", text: \"Excelente profesional, tecnolog\u00eda de punta y un trato humano excepcional. Mi colonoscopia fue una experiencia tranquila y segura.\", stars: 5 },\r\n { name: \"Laura V. S\u00e1nchez\", text: \"Gracias a su diagn\u00f3stico preciso, pudimos prevenir un problema mayor. Recomiendo al Dr. Cepeda sin reservas.\", stars: 5 },\r\n { name: \"Carlos E. Mej\u00eda\", text: \"La consulta especializada super\u00f3 mis expectativas. Se toma el tiempo para explicar cada detalle. Muy agradecido.\", stars: 5 }\r\n ];\r\n\r\n let activeIndex = 0;\r\n const testimonialDiv = document.getElementById('testimonial-content');\r\n\r\n function renderTestimonial(index) {\r\n const t = testimonios[index];\r\n let starsHtml = '';\r\n for (let i = 0; i < t.stars; i++) {\r\n starsHtml += `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#B8963E] inline-block\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>`;\r\n }\r\n testimonialDiv.innerHTML = `\r\n <div class=\"flex justify-center mb-4\">${starsHtml}<\/div>\r\n <p class=\"text-[#4A5568] text-lg italic leading-relaxed mb-4\">\"${t.text}\"<\/p>\r\n <p class=\"font-semibold text-[#0A2540]\">${t.name}<\/p>\r\n <p class=\"text-sm text-[#4A5568]\">Paciente de gastroenterolog\u00eda<\/p>\r\n `;\r\n }\r\n\r\n renderTestimonial(activeIndex);\r\n\r\n document.getElementById('next-testimonial').addEventListener('click', () => {\r\n activeIndex = (activeIndex + 1) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n });\r\n document.getElementById('prev-testimonial').addEventListener('click', () => {\r\n activeIndex = (activeIndex - 1 + testimonios.length) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n });\r\n\r\n setInterval(() => {\r\n activeIndex = (activeIndex + 1) % testimonios.length;\r\n renderTestimonial(activeIndex);\r\n }, 6000);\r\n\r\n \/\/ ---- Formulario de contacto ----\r\n document.getElementById('contact-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n alert('Gracias por tu mensaje. Nos pondremos en contacto contigo pronto.');\r\n this.reset();\r\n });\r\n\r\n \/\/ ---- Iniciar observadores de estad\u00edsticas ----\r\n animateStats();\r\n\r\n \/\/ ---- Animaciones de entrada con keyframes personalizados ----\r\n const styleSheet = document.createElement(\"style\");\r\n styleSheet.textContent = `\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n `;\r\n document.head.appendChild(styleSheet);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dr. Ricardo Cepeda | Gastroenter\u00f3logo & Rehabilitaci\u00f3n Digestiva | Bogot\u00e1 Gastroenterolog\u00eda de excelencia Ricardo Cepeda Gastroenter\u00f3logo \u00b7 Rehabilitaci\u00f3n Digestiva M\u00e1s de 30 a\u00f1os ayudando a pacientes a recuperar su bienestar digestivo mediante un enfoque humano, cient\u00edfico y personalizado. Agendar cita Conocer servicios Sobre el doctor Conocer en profundidad el sistema digestivo y tratar las enfermedades<\/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-40633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633","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=40633"}],"version-history":[{"count":7,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633\/revisions"}],"predecessor-version":[{"id":40664,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40633\/revisions\/40664"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}