Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\"><strong style=\"color:#fff\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de ese momento, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.78rem;font-style:italic;color:#6b7280;line-height:1.6\">Un l\u00edquido claro es cualquier l\u00edquido <strong style=\"font-style:normal\">que permite ver el fondo del recipiente.<\/strong> Los de color <strong style=\"font-style:normal\">rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br>\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\"><strong style=\"color:#fff\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de ese momento, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.78rem;font-style:italic;color:#6b7280;line-height:1.6\">Un l\u00edquido claro es cualquier l\u00edquido <strong style=\"font-style:normal\">que permite ver el fondo del recipiente.<\/strong> Los de color <strong style=\"font-style:normal\">rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br>\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">A partir del mediod\u00eda, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:1.8rem;background:#fff;border:1px solid #eee;border-left:3px solid #c0392b;border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:flex-start;gap:.65rem\">\n <span style=\"font-size:1.3rem;flex-shrink:0\">\u26a0\ufe0f<\/span>\n <p style=\"font-size:.825rem;color:#374151;line-height:1.6;margin:0\"><strong style=\"color:#c0392b\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de las 12 p.m. solo l\u00edquidos claros hasta 4 horas antes del procedimiento.<\/p>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.825rem;color:#374151;line-height:1.7\">Un l\u00edquido claro es cualquier l\u00edquido <strong>que permite ver el fondo del recipiente.<\/strong> Los de color <strong>rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br><em style=\"font-size:.78rem;color:#6b7280\">\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/em><\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">A partir del mediod\u00eda, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:1.8rem;background:#fff;border:1px solid #eee;border-left:3px solid #c0392b;border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:flex-start;gap:.65rem\">\n <span style=\"font-size:1.3rem;flex-shrink:0\">\u26a0\ufe0f<\/span>\n <p style=\"font-size:.825rem;color:#374151;line-height:1.6;margin:0\"><strong style=\"color:#c0392b\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de las 12 p.m. solo l\u00edquidos claros hasta 4 horas antes del procedimiento.<\/p>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.825rem;color:#374151;line-height:1.7\">Un l\u00edquido claro es cualquier l\u00edquido <strong>que permite ver el fondo del recipiente.<\/strong> Los de color <strong>rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br><em style=\"font-size:.78rem;color:#6b7280\">\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/em><\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\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<\/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>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda Gu\u00eda completa \u00b7 Colonoscopia Preparaci\u00f3n para Colonoscopia Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos. La Ruta de Mi Colonoscopia La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara<\/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-40387","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387","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=40387"}],"version-history":[{"count":131,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387\/revisions"}],"predecessor-version":[{"id":40885,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387\/revisions\/40885"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40387"}],"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\n\n\n\n\nPreparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\"><strong style=\"color:#fff\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de ese momento, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.78rem;font-style:italic;color:#6b7280;line-height:1.6\">Un l\u00edquido claro es cualquier l\u00edquido <strong style=\"font-style:normal\">que permite ver el fondo del recipiente.<\/strong> Los de color <strong style=\"font-style:normal\">rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br>\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\"><strong style=\"color:#fff\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de ese momento, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.78rem;font-style:italic;color:#6b7280;line-height:1.6\">Un l\u00edquido claro es cualquier l\u00edquido <strong style=\"font-style:normal\">que permite ver el fondo del recipiente.<\/strong> Los de color <strong style=\"font-style:normal\">rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br>\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">A partir del mediod\u00eda, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:1.8rem;background:#fff;border:1px solid #eee;border-left:3px solid #c0392b;border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:flex-start;gap:.65rem\">\n <span style=\"font-size:1.3rem;flex-shrink:0\">\u26a0\ufe0f<\/span>\n <p style=\"font-size:.825rem;color:#374151;line-height:1.6;margin:0\"><strong style=\"color:#c0392b\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de las 12 p.m. solo l\u00edquidos claros hasta 4 horas antes del procedimiento.<\/p>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.825rem;color:#374151;line-height:1.7\">Un l\u00edquido claro es cualquier l\u00edquido <strong>que permite ver el fondo del recipiente.<\/strong> Los de color <strong>rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br><em style=\"font-size:.78rem;color:#6b7280\">\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/em><\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\n\n<\/body>\n<\/html>\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\"\/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n<title>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\"\/>\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --navy:#1a3050;--navy2:#1e3a5f;--navy3:#254875;\n --blue:var(--navy2);--gold:#C89B56;--gold2:#b88642;\n --white:#fff;--off:#d9d9d9;--muted:#9ba8b8;\n --border:rgba(255,255,255,.1);--border-light:#e5e7eb;\n --beige:#faf8f4;--radius:.75rem;\n --shadow:0 4px 20px -4px rgba(0,0,0,.1);--shadow-sm:0 1px 6px rgba(0,0,0,.07);\n}\nbody{font-family:'Inter',sans-serif;color:var(--navy);overflow-x:hidden;background:var(--beige)}\n.inner{max-width:56rem;margin:0 auto;padding:0 1.5rem}\n.sec{padding:4rem 1.5rem}\n.sec-beige{background:var(--beige)}\n.sec-white{background:#fff}\n.sec-navy{background:var(--navy2);color:#fff}\n.sec-dark{background:var(--navy);color:#fff}\n\n.hero-sec{\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size:cover !important;\n background-position:center center !important;\n padding:4rem 1.5rem 3rem;\n border-bottom:1px solid rgba(200,155,86,.2);\n position:relative;\n}\n.hero-sec::before{\n content:'';\n position:absolute;inset:0;\n background:rgba(20,45,80,0.78);\n pointer-events:none;\n}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#C89B56 !important;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:#C89B56;display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#ffffff !important;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:#C89B56 !important}\n.hero-sub{font-size:.95rem;color:#9ba8b8 !important;line-height:1.75;max-width:36rem}\n\n.fases-nav{display:flex;overflow-x:auto;background:var(--navy3);border-bottom:1px solid rgba(200,155,86,.15);padding:0 1rem;gap:0;-webkit-overflow-scrolling:touch}\n.fases-nav::-webkit-scrollbar{display:none}\n.fase-tab{flex-shrink:0;padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;letter-spacing:.04em}\n.fase-tab.active{color:var(--gold);border-bottom-color:var(--gold)}\n.fase-tab:hover{color:#fff}\n\n.panel{display:none;max-width:56rem;margin:0 auto;padding:2rem 1rem 3rem}\n.panel.active{display:block}\n\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.875rem;color:#374151;line-height:1.85;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.5rem;margin-bottom:1rem;border-top:2px solid var(--gold)}\n.alert{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem 1.3rem;border-radius:var(--radius);margin-bottom:1.5rem}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.825rem;line-height:1.7}\n.alert.blue{background:#eff6ff;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n\n.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1.1rem}\n.dd-col{background:#fff;padding:1.1rem}\n.dd-col-hdr{display:flex;align-items:center;gap:6px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}\n.dd-col-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}\n.dd-col-lbl.ok{color:var(--gold)}\n.dd-col-lbl.no{color:var(--navy2)}\n.dd-list{list-style:none}\n.dd-list li{display:flex;align-items:baseline;gap:6px;padding:.4rem 0;border-bottom:1px solid #f9fafb;font-size:.825rem;color:#374151;line-height:1.5}\n.dd-list li:last-child{border-bottom:none}\n.dd-list li small{font-size:.68rem;font-style:italic;color:#9ca3af}\n.ok-col .dd-list li::before{content:'\u2713';color:var(--gold);font-size:.72rem;font-weight:700;flex-shrink:0}\n.no-col .dd-list li::before{content:'\u2715';color:var(--navy2);font-size:.72rem;font-weight:700;flex-shrink:0}\n.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}\n.meal-time{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}\n.meal-title{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}\n.meal-desc{font-size:.75rem;color:#6b7280;line-height:1.5}\n\n.mod{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}\n.mod-hdr{background:var(--navy2);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid var(--gold)}\n.mod-hdr i{color:var(--gold);font-size:1.1rem}\n.mod-hdr span{color:#fff;font-weight:600;font-size:.875rem}\n.mod-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.6rem;background:#faf8f4}\n.q-lbl{font-size:.875rem;font-weight:500;color:var(--navy);margin-bottom:.65rem}\n.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}\n.q-btn{padding:.5rem 1.1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1.5px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .15s;outline:none;font-family:'Inter',sans-serif}\n.q-btn:hover{border-color:var(--gold);color:var(--gold)}\n.q-btn.on{background:var(--navy2)!important;border-color:var(--navy2)!important;color:#fff!important}\n.rec-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65}\n.rec-box strong{font-weight:600}\n.lax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}\n.lax-card{border:1.5px solid var(--border-light);border-radius:.75rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .15s;background:#fff;position:relative}\n.lax-card:hover{border-color:var(--gold)}\n.lax-card.sel{border:2px solid var(--gold);background:#fff8ed}\n.sel-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;background:var(--gold);color:#fff;padding:2px 6px;border-radius:999px;display:none}\n.lax-card.sel .sel-badge{display:block}\n.lax-name{font-size:.825rem;font-weight:600;color:var(--navy);margin-top:.5rem}\n.lax-tipo{font-size:.63rem;color:#9ca3af;margin-top:.2rem}\n.listen-btn{margin:.5rem auto 0;display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:999px;background:var(--navy2);color:#fff;font-size:.68rem;font-weight:600;border:none;cursor:pointer;width:fit-content}\n.listen-btn:hover{background:var(--navy2)}\n.dose-box{border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;background:#fff}\n.dose-bar{height:2px}\n.dose-inner{padding:.9rem 1.1rem}\n.dose-title{font-size:.825rem;font-weight:600;color:var(--navy);margin-bottom:.75rem}\n.dose-step{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.825rem;color:#374151;line-height:1.6}\n.dose-num{font-weight:700;flex-shrink:0;color:var(--gold)}\n.dose-warn{font-size:.72rem;color:#9ca3af;border-top:1px solid var(--border-light);margin-top:.75rem;padding-top:.75rem}\n.hint-box{background:#fff8ed;border:1px solid #fcd396;border-radius:.75rem;padding:.85rem 1rem;font-size:.825rem;color:#7a4a0a;line-height:1.65;margin-bottom:1rem}\n\n.calc-wrap{background:#fff;border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 12px rgba(0,0,0,.06)}\n.calc-icon-wrap{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto}\n.calc-icon-wrap i{color:#fff;font-size:1.2rem}\n.calc-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--navy);font-family:'Playfair Display',serif}\n.calc-sub{text-align:center;font-size:.775rem;color:#6b7280}\n.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}\n.f-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#374151;display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem}\n.f-in{width:100%;height:2.6rem;border:1.5px solid #d1d5db;border-radius:.5rem;padding:0 .75rem;font-size:.875rem;background:#fff;color:var(--navy);font-family:'Inter',sans-serif}\n.f-in:focus{outline:none;border-color:var(--gold);background:#fff}\n.f-in option{background:#fff;color:var(--navy)}\n.gen-btn{width:100%;height:3rem;background:var(--navy2);color:#fff;border:none;border-radius:.6rem;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Inter',sans-serif;transition:background .15s}\n.gen-btn:hover{background:var(--navy3)}\n\n.sched{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}\n.sched-hdr{background:var(--navy2);padding:.9rem 1.2rem;border-left:3px solid var(--gold)}\n.sched-sup{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.2rem}\n.sched-title{font-size:.825rem;font-weight:600;color:#fff}\n.sched-steps{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem}\n.step{border-radius:.75rem;padding:.8rem;display:flex;align-items:flex-start;gap:.7rem;background:#faf9f7;transition:background .15s}\n.step:hover{background:#faf8f4}\n.step.done{opacity:.55}\n.step-num{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--gold);background:#fff;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.1rem}\n.step-body{flex:1;min-width:0}\n.step-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;border:1.5px solid;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}\n.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}\n.tag-gold{background:#fff8ed;border-color:#fcd396;color:#92570a}\n.tag-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}\n.tag-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}\n.step-hr{font-size:1.2rem;font-weight:700;color:var(--navy);line-height:1}\n.step-clock{font-size:.8rem;color:#9ca3af;margin-left:.25rem}\n.step-date{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:.18rem 0 .3rem}\n.step-desc{font-size:.775rem;color:#6b7280;line-height:1.6}\n.step-chk{width:1.7rem;height:1.7rem;border-radius:.35rem;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;cursor:pointer;transition:all .15s}\n.step-chk:hover{border-color:var(--gold)}\n.step-chk.done{background:var(--gold);border-color:var(--gold)}\n.step-chk.done i{color:#fff!important}\n.step-chk i{font-size:.85rem;color:transparent}\n.prog-wrap{margin:.25rem .75rem .55rem;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}\n.prog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease;width:0%}\n.sched-actions{display:flex;gap:.5rem;padding:.55rem .75rem;border-top:1px solid var(--border-light)}\n.act-btn{flex:1;height:2.3rem;border:1px solid var(--border-light);border-radius:.5rem;background:#faf9f7;color:var(--navy);font-size:.775rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Inter',sans-serif;transition:all .15s}\n.act-btn:hover{background:#fff;border-color:var(--gold);color:var(--gold)}\n.sched-disc{padding:.35rem .75rem .8rem;font-size:.68rem;font-style:italic;color:#9ca3af;text-align:center}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:.7rem 1rem 1rem 2.6rem;font-size:.85rem;color:#374151;line-height:1.7;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n\n.cta-sec{background:linear-gradient(135deg,var(--navy2) 0%,var(--navy2) 100%);padding:3.5rem 1.5rem;text-align:center}\n.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin-bottom:.6rem}\n.cta-sub{font-size:.875rem;color:rgba(255,255,255,.65);max-width:28rem;margin:0 auto 1.8rem}\n.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}\n.btn-gold{background:var(--gold);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-gold:hover{background:var(--gold2);transform:translateY(-1px)}\n.btn-ghost{background:rgba(255,255,255,.1);color:#fff;padding:.8rem 1.6rem;border-radius:.55rem;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}\n.btn-ghost:hover{background:rgba(255,255,255,.16)}\n\n@media(max-width:700px){.infog-dieta-grid{grid-template-columns:1fr!important}.infog-wave{display:none!important}}\n@media(max-width:600px){\n .dd-grid,.menu-grid,.lax-grid,.calc-grid{grid-template-columns:1fr}\n .sched-actions{flex-direction:column}\n .hero-sec{padding:2.5rem 1rem 2rem}\n .panel{padding:1.5rem .75rem 2.5rem}\n}\n\n.acc-item{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;margin-bottom:.6rem}\n.acc-btn{width:100%;display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:#fff;border:none;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:var(--navy);transition:background .15s}\n.acc-btn:hover{background:#faf9f7}\n.acc-icon{font-size:.95rem;flex-shrink:0}\n.acc-chev{margin-left:auto;font-size:.8rem;color:#9ca3af;transition:transform .25s}\n.acc-chev.open{transform:rotate(180deg);color:var(--gold)}\n.acc-body{display:none;padding:1rem 1.2rem 1.3rem 2.8rem;font-size:.9rem;color:#374151;line-height:1.85;border-top:1px solid var(--border-light)}\n.acc-body.open{display:block}\n.acc-body strong{color:var(--navy);font-weight:600}\n.alert{display:flex;gap:.75rem;padding:1.2rem 1.4rem;border-radius:var(--radius);margin-bottom:1.8rem}\n.alert.red{background:#fff5f5;border-left:3px solid #c0392b}\n.alert.red .alert-lbl{color:#c0392b}\n.alert.red .alert-txt{color:#7a1010}\n.alert.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.alert.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.alert.blue .alert-lbl{color:var(--navy2)}\n.alert.blue .alert-txt{color:#374151}\n.alert.gold .alert-lbl{color:#92570a}\n.alert.gold .alert-txt{color:#7a4a0a}\n.alert-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}\n.alert-txt{font-size:.82rem;line-height:1.65}\n.hero-sec{padding:5rem 1.5rem 4rem;border-bottom:2px solid rgba(200,155,86,.2)}\n.hero-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}\n.hero-eyebrow::before{content:'';width:1.5rem;height:1.5px;background:var(--gold);display:block}\n.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3rem);font-weight:600;color:#fff;line-height:1.1;margin-bottom:.8rem}\n.hero-h1 span{color:var(--gold)}\n.sec-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:6px}\n.sec-eyebrow::before{content:'';width:1.2rem;height:1.5px;background:var(--gold);display:block}\n.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;color:var(--navy);line-height:1.2;margin-bottom:1.5rem}\n.sec-intro{font-size:.95rem;color:#374151;line-height:2;margin-bottom:2.2rem}\n.sec-intro strong{font-weight:700;color:var(--navy)}\n\n\/* PREPARACI\u00d3N GENERAL \u2014 condensada *\/\n.prep-gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.5rem}\n.prep-gen-card{border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;gap:.7rem;align-items:flex-start}\n.prep-gen-card.blue{background:#f0f4f8;border-left:3px solid var(--navy2)}\n.prep-gen-card.gold{background:#fff8ed;border-left:3px solid var(--gold)}\n.prep-gen-ico{font-size:1.1rem;flex-shrink:0;line-height:1.5}\n.prep-gen-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}\n.prep-gen-card.blue .prep-gen-lbl{color:var(--navy2)}\n.prep-gen-card.gold .prep-gen-lbl{color:#92570a}\n.prep-gen-txt{font-size:.8rem;line-height:1.6}\n.prep-gen-card.blue .prep-gen-txt{color:#374151}\n.prep-gen-card.gold .prep-gen-txt{color:#7a4a0a}\n@media(max-width:600px){.prep-gen-grid{grid-template-columns:1fr}}\n\n<\/style>\n<\/head>\n<body>\n\n<style>\n#colonoscopia-hero,\n#colonoscopia-hero * {\n box-sizing: border-box;\n}\n#colonoscopia-hero {\n background-image: url('https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2023\/04\/admin-ajax.jpg') !important;\n background-size: cover !important;\n background-position: center center !important;\n background-repeat: no-repeat !important;\n background-color: #1e3a5f !important;\n padding: 5.5rem 1.5rem 4.5rem !important;\n border-bottom: 1px solid rgba(200,155,86,.2);\n position: relative !important;\n min-height: 220px;\n}\n<\/style>\n<div id=\"colonoscopia-hero\">\n <div style=\"position:absolute;inset:0;background:rgba(20,45,80,0.72);z-index:0;\"><\/div>\n <div class=\"inner\" style=\"position:relative;z-index:1\">\n <div class=\"hero-eyebrow\">Gu\u00eda completa \u00b7 Colonoscopia<\/div>\n <h1 class=\"hero-h1\">Preparaci\u00f3n para <span>Colonoscopia<\/span><\/h1>\n <p class=\"hero-sub\" style=\"color:var(--muted)\">Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos.<\/p>\n <\/div>\n<\/div>\n\n<section style=\"background:#fff;padding:5rem 1.5rem 3rem\">\n<style>\n.ruta-wrap{max-width:62rem;margin:0 auto}\n.ruta-titulo{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--navy2);margin-bottom:1rem;letter-spacing:-.5px}\n.ruta-subtitulo{text-align:center;font-size:.78rem;font-style:italic;color:#6b7280;max-width:38rem;margin:0 auto 2rem;line-height:1.6}\n.ruta-explicacion{display:flex;gap:1rem;align-items:flex-start;margin-bottom:0;margin-top:.5rem}\n.ruta-explicacion-ico{font-size:1.2rem;flex-shrink:0;line-height:1.6;color:var(--gold)}\n.ruta-explicacion p{font-size:.95rem;color:#374151;line-height:2;margin:0}\n.ruta-explicacion strong{color:var(--navy)}\n.ruta-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:.5rem;margin-bottom:2.5rem}\n.ruta-card{\n height:260px;\n background:rgba(255,255,255,.58);\n border:3px solid var(--borde);\n border-radius:2rem;\n padding:.8rem;\n display:flex;align-items:center;justify-content:center;\n box-shadow:0 10px 24px rgba(44,33,79,.1);\n cursor:pointer;position:relative;\n transition:transform .25s,box-shadow .25s;\n}\n.ruta-card:hover,.ruta-card.active{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.15)}\n.ruta-inner{\n width:100%;height:100%;border-radius:1.4rem;\n background:rgba(255,255,255,.82);\n box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.06);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:.65rem;padding:1rem;transition:background .2s;\n}\n.ruta-card:hover .ruta-inner,.ruta-card.active .ruta-inner{background:rgba(255,255,255,.98)}\n.ruta-icono{display:flex;justify-content:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .25s}\n.ruta-icono img{width:60px;height:60px;object-fit:contain}\n.ruta-card:hover .ruta-icono,.ruta-card.active .ruta-icono{transform:scale(1.08)}\n.ruta-badge{\n min-width:110px;padding:.35rem 1.1rem;\n border-radius:999px;color:#fff;\n background:var(--badge);\n text-align:center;font-size:.9rem;font-weight:800;\n box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 10px rgba(0,0,0,.12);\n}\n.ruta-card:first-child .ruta-badge{color:#050505}\n.ruta-desc{text-align:center;font-size:.82rem;line-height:1.35;font-weight:500;color:var(--navy)}\n.ruta-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem}\n.ruta-arrow svg{width:80px;height:48px;overflow:visible}\n.ruta-alerta{\n border:2px solid var(--navy2);border-radius:1.2rem;\n background:#fff;\n display:grid;grid-template-columns:80px 1fr;\n align-items:center;gap:1rem;\n padding:1.3rem 1.6rem;\n box-shadow:0 6px 18px rgba(0,0,0,.15);\n}\n.ruta-alerta p{font-size:.875rem;line-height:1.55;color:#374151}\n.ruta-alerta strong{font-weight:700;color:var(--navy2)}\n@media(max-width:750px){\n .ruta-grid{grid-template-columns:1fr;gap:1rem}\n .ruta-card{height:auto;min-height:200px}\n .ruta-arrow svg{transform:rotate(90deg)}\n .ruta-alerta{grid-template-columns:1fr;text-align:center}\n .atencion-3col{grid-template-columns:1fr!important}\n .atencion-3col>div{border-right:none!important;border-bottom:1px solid #eee}\n .atencion-3col>div:last-child{border-bottom:none}\n}\n<\/style>\n\n<div class=\"ruta-wrap\" style=\"margin-top:0;padding-top:0;border-top:none\">\n <h2 class=\"ruta-titulo\">La Ruta de Mi Colonoscopia<\/h2>\n <p class=\"ruta-subtitulo\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara para explorar el intestino grueso. <strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal.<\/strong><\/p>\n\n <div class=\"ruta-explicacion\">\n <span class=\"ruta-explicacion-ico\">\u2139\ufe0f<\/span>\n <p>Su preparaci\u00f3n se desarrolla en <strong>3 etapas clave<\/strong> durante los d\u00edas previos al procedimiento. El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon \u2014 <strong>una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong> Su preparaci\u00f3n inicia dos d\u00edas antes con dieta blanda. El d\u00eda previo, a partir del mediod\u00eda solo l\u00edquidos claros e inicio del laxante en <strong>dosis dividida<\/strong> seg\u00fan los horarios que le definir\u00e1 la calculadora. Para acceder a ella deber\u00e1 completar un breve <strong>test de comprensi\u00f3n<\/strong> que le confirmar\u00e1 si sus respuestas son correctas, y luego podr\u00e1 seleccionar su laxante y obtener su cronograma exacto.<\/p>\n <\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem 5.5rem\">\n<div class=\"ruta-wrap\">\n <div class=\"ruta-grid\">\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/TENEDOR.png\" alt=\"dieta\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -2<\/div>\n <div class=\"ruta-desc\">Dieta<br>Blanda<\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 8, 40 8 C56 8, 60 24, 76 24\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#C89B56\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#0A1628;--badge:linear-gradient(180deg,#1a2e4a,#0A1628)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg-2.png\" alt=\"liquidos\"\/><\/div>\n <div class=\"ruta-badge\">D\u00eda -1<\/div>\n <div class=\"ruta-desc\">Solo<br>L\u00edquidos Claros<br><span style=\"font-size:.72rem;color:#6b7280\">despu\u00e9s del mediod\u00eda<\/span><\/div>\n <\/div>\n <\/article>\n\n <div class=\"ruta-arrow\">\n <svg viewBox=\"0 0 80 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 24 C20 24, 24 40, 40 40 C56 40, 60 24, 76 24\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M66 16 L76 24 L66 32\" stroke=\"#0A1628\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n\n <article class=\"ruta-card\" style=\"--borde:#C89B56;--badge:linear-gradient(180deg,#d4aa6a,#b88642)\">\n <div class=\"ruta-inner\">\n <div class=\"ruta-icono\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/INSTRUCCIONES.png\" alt=\"examen\"\/><\/div>\n <div class=\"ruta-badge\" style=\"color:#fff\">D\u00eda 0<\/div>\n <div class=\"ruta-desc\">Laxante y<br>Examen<\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2.5rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u26a0\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">Atenci\u00f3n Especial<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si sufre de estre\u00f1imiento, su preparaci\u00f3n comienza <strong>3 d\u00edas antes<\/strong> (D\u00eda -3), con dieta blanda baja en residuos y mayor ingesta de l\u00edquidos claros.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid var(--navy3)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\u2139\ufe0f<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:var(--navy3)\">Preparaci\u00f3n deficiente<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 mayor duraci\u00f3n del examen \u00b7 mayor riesgo de complicaciones \u00b7 necesidad de repetir el procedimiento.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid var(--gold)\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <span style=\"font-size:1.1rem\">\ud83d\udc8a<\/span>\n <span style=\"font-size:.78rem;font-weight:700;color:#92570a\">Medicamentos especiales<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n, consulte a su m\u00e9dico <strong style=\"color:var(--navy);font-style:normal\">al menos 7 d\u00edas antes<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n\n<script>\nfunction toggleRuta(card){\n var wasActive=card.classList.contains('active');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n if(!wasActive)card.classList.add('active');\n}\ndocument.addEventListener('click',function(e){\n if(!e.target.closest('.ruta-card')&&!e.target.closest('.ruta-start')){\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n }\n});\nvar recIdx=0;\nfunction iniciarRecorrido(){\n var cards=document.querySelectorAll('.ruta-card');\n document.querySelectorAll('.ruta-card').forEach(function(c){c.classList.remove('active')});\n cards[recIdx].classList.add('active');\n cards[recIdx].scrollIntoView({behavior:'smooth',block:'nearest'});\n recIdx=(recIdx+1)%cards.length;\n}\n<\/script>\n<\/div>\n<\/section>\n\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase I<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">Dos d\u00edas antes<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. <strong style=\"color:#fff\">Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/strong><\/p>\n\n <style>\n .dieta2-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.5rem 0}\n .dieta2-col{border-radius:1.2rem;padding:1.5rem}\n .dieta2-col.ok{background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-col.no{background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)}\n .dieta2-hdr{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem}\n .dieta2-hdr-emoji{font-size:1.6rem;line-height:1}\n .dieta2-hdr h3{font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0}\n .dieta2-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}\n .dieta2-list li{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#374151;line-height:1.5}\n .dieta2-list li .ico{font-size:1.4rem;min-width:32px;text-align:center;flex-shrink:0}\n @media(max-width:560px){\n .dieta2-grid{grid-template-columns:1fr}\n }\n <\/style>\n <div class=\"dieta2-grid\">\n <div class=\"dieta2-col ok\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u2705<\/span>\n <h3>Qu\u00e9 Consumir<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf5c<\/span>Sopa de pasta o arroz blanco<\/li>\n <li><span class=\"ico\">\ud83c\udf57<\/span>Pollo o pescado a la plancha o cocido<\/li>\n <li><span class=\"ico\">\ud83e\udd54<\/span>Papa sin c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83c\udf6e<\/span>Gelatina clara (lim\u00f3n \/ pi\u00f1a)<\/li>\n <li><span class=\"ico\">\ud83c\udf5e<\/span>Pan blanco sin corteza \u00b7 Huevos cocidos<\/li>\n <li><span class=\"ico\">\ud83e\udd64<\/span>Jugos colados claros<\/li>\n <\/ul>\n <\/div>\n <div class=\"dieta2-col no\">\n <div class=\"dieta2-hdr\">\n <span class=\"dieta2-hdr-emoji\">\u274c<\/span>\n <h3>Qu\u00e9 Evitar<\/h3>\n <\/div>\n <ul class=\"dieta2-list\">\n <li><span class=\"ico\">\ud83c\udf53<\/span>Frutas con semillas o c\u00e1scara<\/li>\n <li><span class=\"ico\">\ud83e\udd57<\/span>Verduras<\/li>\n <li><span class=\"ico\">\ud83c\udf30<\/span>Granos y frutos secos<\/li>\n <li><span class=\"ico\">\ud83c\udf3e<\/span>Alimentos integrales<\/li>\n <li><span class=\"ico\">\ud83e\uddc0<\/span>L\u00e1cteos y embutidos<\/li>\n <li><span class=\"ico\">\ud83c\udf77<\/span>Bebidas oscuras, rojas o alcoh\u00f3licas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase II \u2014 El d\u00eda m\u00e1s importante<\/div>\n <h2 class=\"sec-title\">Un d\u00eda antes<\/h2>\n <p class=\"sec-intro\">Este es el d\u00eda m\u00e1s importante de la preparaci\u00f3n. Puede implementar una <strong>dieta blanda muy liviana en el desayuno y el almuerzo<\/strong> \u2014 una porci\u00f3n peque\u00f1a de prote\u00edna (no superior a 150 g) y un carbohidrato bajo en fibra. A partir del mediod\u00eda, <strong>solo dieta l\u00edquida clara<\/strong> por el resto del d\u00eda.<\/p>\n\n <style>\n .tl-wrap{position:relative;margin:0 0 2.5rem}\n .tl-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0;position:relative}\n .tl-line{height:4px;background:linear-gradient(90deg,#07111B,#C89B56);border-radius:2px;position:relative;z-index:0}\n .tl-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}\n .tl-dot{display:none}\n .tl-vline{display:none}\n .tl-node-inner{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n .tl-card{background:#fff;border-radius:1rem;padding:1.1rem 1rem;box-shadow:0 4px 16px rgba(0,0,0,.08);border-top:3px solid #C89B56;min-width:0;width:100%}\n .tl-card.danger{border-top-color:#c0392b;background:#fff5f5}\n .tl-card.liquid{border-top-color:#0A1628}\n .tl-time{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B56;margin-bottom:.2rem}\n .tl-card.danger .tl-time{color:#c0392b}\n .tl-card.liquid .tl-time{color:#0A1628}\n .tl-label{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.35rem;line-height:1.2}\n .tl-desc{font-size:.78rem;color:#4b5563;line-height:1.55}\n .tl-ico{font-size:1.6rem;margin-bottom:.4rem;text-align:center}\n .tl-connector{display:flex;align-items:center;justify-content:center;padding:0 .25rem}\n .tl-connector svg{width:36px;height:12px}\n @media(max-width:600px){\n .tl-track{display:flex;flex-direction:column;align-items:stretch;gap:0}\n .tl-connector{display:none}\n .tl-node{flex-direction:row;align-items:flex-start;gap:.85rem;padding:.1rem 0}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;flex-shrink:0}\n .tl-dot{margin:0;width:12px;height:12px}\n .tl-vline{width:2px;flex:1;min-height:1rem;background:linear-gradient(180deg,#07111B,#C89B56);margin:4px auto 0}\n .tl-card{flex:1}\n .tl-ico{text-align:left;font-size:1.3rem;margin-bottom:.25rem}\n }\n @media(min-width:601px){\n .tl-node{padding:0 .5rem}\n .tl-node-inner{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.5rem}\n .tl-vline{display:none}\n .tl-line-top{display:none}\n .tl-line-bot{display:none}\n }\n <\/style>\n\n <div class=\"atencion-3col\" style=\"background:#fff;border-radius:1.2rem;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2.2rem\">\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #C89B56\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/egg.png\" alt=\"desayuno\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#C89B56\">6:00 a.m. \u00b7 Desayuno<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Huevo tibio o cocido, queso blanco, arom\u00e1tica o caf\u00e9 negro. Sin grasas, sin l\u00e1cteos completos.<\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-right:1px solid #eee;border-top:3px solid #c0392b\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/bread.png\" alt=\"almuerzo\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#c0392b\">12:00 p.m. \u00b7 Almuerzo<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Pollo a la plancha (100\u2013150 g), papa cocida sin c\u00e1scara (porci\u00f3n peque\u00f1a). <strong style=\"font-style:normal\">\u00daltimo s\u00f3lido del d\u00eda.<\/strong><\/p>\n <\/div>\n <div style=\"padding:1.6rem 1.6rem;border-top:3px solid #0A1628\">\n <div style=\"display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem\">\n <img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/water.png\" alt=\"tarde y noche\" style=\"width:1.4rem;height:1.4rem;object-fit:contain\"\/>\n <span style=\"font-size:.78rem;font-weight:700;color:#0A1628\">Tarde y Noche<\/span>\n <\/div>\n <p style=\"font-size:.72rem;font-style:italic;line-height:1.55;color:#374151;margin:0\">Consom\u00e9 colado, jugos claros, gelatina clara, agua, sales de rehidrataci\u00f3n (Hidraplus coco\/manzana).<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#0f2238;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\" style=\"color:#C89B56\">Fase II \u2014 Continuaci\u00f3n<\/div>\n <h2 class=\"sec-title\" style=\"color:#fff\">L\u00edquidos claros<\/h2>\n <p class=\"sec-intro\" style=\"color:rgba(255,255,255,.8)\">A partir del mediod\u00eda, <strong style=\"color:#fff\">solo dieta l\u00edquida clara<\/strong> hasta 4 horas antes del procedimiento.<\/p>\n\n <style>\n @media(max-width:560px){\n .liq2-grid{grid-template-columns:1fr !important}\n }\n <\/style>\n <div class=\"liq2-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0\">\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(200,155,86,.35);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u2705<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Permitidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udca7<\/span>Agua<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf75<\/span>Arom\u00e1ticas y t\u00e9<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\u2615<\/span>Caf\u00e9 negro<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf72<\/span>Caldo colado<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udfe1<\/span>Gelatina transparente<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>Suero de rehidrataci\u00f3n<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf6c<\/span>Agua de panela clara<\/li>\n <\/ul>\n <\/div>\n <div style=\"border-radius:1.2rem;padding:1.1rem 1.3rem;background:#fff;border:2px solid rgba(192,57,43,.25);box-shadow:0 8px 20px rgba(0,0,0,.12)\">\n <div style=\"display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem\">\n <span style=\"font-size:1.3rem;line-height:1\">\u274c<\/span>\n <h3 style=\"font-size:.78rem;font-weight:700;color:var(--navy);font-family:'Inter',sans-serif;margin:0\">L\u00edquidos Prohibidos<\/h3>\n <\/div>\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:.4rem\">\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Jugos con pulpa<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83d\udd34<\/span>L\u00edquidos rojos o morados<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd5b<\/span>Leche y l\u00e1cteos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\udd64<\/span>Gaseosas oscuras<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf7a<\/span>Alcohol<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83c\udf5c<\/span>Sopas con s\u00f3lidos<\/li>\n <li style=\"display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#374151;line-height:1.3\"><span style=\"font-size:1rem;min-width:20px;text-align:center\">\ud83e\uddc3<\/span>N\u00e9ctares industriales<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:1.8rem;background:#fff;border:1px solid #eee;border-left:3px solid #c0392b;border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:flex-start;gap:.65rem\">\n <span style=\"font-size:1.3rem;flex-shrink:0\">\u26a0\ufe0f<\/span>\n <p style=\"font-size:.825rem;color:#374151;line-height:1.6;margin:0\"><strong style=\"color:#c0392b\">Despu\u00e9s del mediod\u00eda: NO consumir ning\u00fan alimento s\u00f3lido.<\/strong> A partir de las 12 p.m. solo l\u00edquidos claros hasta 4 horas antes del procedimiento.<\/p>\n <\/div>\n\n <div style=\"background:#fff;border:1px solid #eee;border-left:3px solid var(--navy3);border-radius:.85rem;padding:1.1rem 1.3rem;box-shadow:0 4px 14px rgba(0,0,0,.12)\">\n <div style=\"font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy3);margin-bottom:.3rem\">Sobre los l\u00edquidos claros<\/div>\n <div style=\"font-size:.825rem;color:#374151;line-height:1.7\">Un l\u00edquido claro es cualquier l\u00edquido <strong>que permite ver el fondo del recipiente.<\/strong> Los de color <strong>rojo, morado o naranja intenso est\u00e1n prohibidos<\/strong>, pues pueden confundirse con sangrado durante el procedimiento.<br><em style=\"font-size:.78rem;color:#6b7280\">\u26a0 El caldo de carne no se considera l\u00edquido claro \u2014 requiere 8 horas de ayuno si lo consume.<\/em><\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<section style=\"background:#fff;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Verificaci\u00f3n<\/div>\n <h2 class=\"sec-title\">Cuestionario de Comprensi\u00f3n<\/h2>\n <p class=\"sec-intro\">Antes de continuar con su cronograma, responda estas preguntas para confirmar que comprendi\u00f3 su preparaci\u00f3n.<\/p>\n\n <form id=\"quiz-form\" onsubmit=\"enviarCuestionario(event)\" style=\"display:flex;flex-direction:column;gap:1.8rem\">\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">1. \u00bfA qu\u00e9 hora debe iniciar la dieta l\u00edquida el d\u00eda antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"a\" style=\"accent-color:var(--navy2)\"> Desde las 6:00 a.m., no puede desayunar<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"b\" style=\"accent-color:var(--navy2)\"> Despu\u00e9s del almuerzo (12:00 p.m.)<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"c\" style=\"accent-color:var(--navy2)\"> A partir de las 6:00 p.m.<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p1\" value=\"d\" style=\"accent-color:var(--navy2)\"> No es necesario, puede comer normalmente<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">2. \u00bfDesde qu\u00e9 hora hasta qu\u00e9 hora puede tomar l\u00edquidos claros antes de su colonoscopia?<\/p>\n <div style=\"display:flex;flex-direction:column;gap:.85rem\">\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"a\" style=\"accent-color:var(--navy2)\"> Hasta la medianoche anterior al examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"b\" style=\"accent-color:var(--navy2)\"> Desde las 12 p.m. del d\u00eda anterior hasta 4 horas antes del procedimiento<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"c\" style=\"accent-color:var(--navy2)\"> Solo durante la ma\u00f1ana del d\u00eda del examen<\/label>\n <label style=\"display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#374151;cursor:pointer\"><input type=\"radio\" name=\"p2\" value=\"d\" style=\"accent-color:var(--navy2)\"> Puede tomar l\u00edquidos en cualquier momento<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <p style=\"font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:1rem\">3. \u00bfLe ha parecido \u00fatil esta gu\u00eda de preparaci\u00f3n?<\/p>\n <div style=\"display:flex;flex-wrap:wrap;gap:.75rem\">\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"muy_util\" style=\"accent-color:var(--navy2)\"> Muy \u00fatil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"util\" style=\"accent-color:var(--navy2)\"> \u00datil<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"regular\" style=\"accent-color:var(--navy2)\"> Regular<\/label>\n <label style=\"display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border-light)\"><input type=\"radio\" name=\"p3\" value=\"mejorar\" style=\"accent-color:var(--navy2)\"> Puede mejorar<\/label>\n <\/div>\n <\/div>\n\n <div style=\"background:#f9f7f4;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--gold)\">\n <label for=\"cedula\" style=\"display:block;font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.75rem\">4. N\u00famero de c\u00e9dula<\/label>\n <input type=\"text\" id=\"cedula\" name=\"cedula\" required placeholder=\"Ej: 10234567890\" inputmode=\"numeric\"\n style=\"width:100%;max-width:280px;border:1.5px solid var(--border-light);border-radius:.5rem;padding:.7rem 1rem;font-size:.9rem;font-family:'Inter',sans-serif;color:var(--navy);background:#fff;transition:border-color .2s\"\n onfocus=\"this.style.borderColor='var(--gold)'\" onblur=\"this.style.borderColor='var(--border-light)'\">\n <\/div>\n\n <div style=\"background:#fff8ed;border:1px solid rgba(200,155,86,.35);border-radius:var(--radius);padding:1.2rem 1.4rem;display:flex;align-items:flex-start;gap:.75rem\">\n <input type=\"checkbox\" id=\"autorizo\" required style=\"width:17px;height:17px;accent-color:var(--navy2);flex-shrink:0;margin-top:2px;cursor:pointer\">\n <label for=\"autorizo\" style=\"font-size:.8rem;color:#374151;line-height:1.65;cursor:pointer\">\n Autorizo al <strong>Consultorio del Dr. Ricardo Cepeda V\u00e1squez<\/strong> para registrar y almacenar mis respuestas con fines de seguimiento m\u00e9dico y mejora de la gu\u00eda, en cumplimiento de la <strong>Ley 1581 de 2012<\/strong>. Mis datos no ser\u00e1n compartidos con terceros para fines comerciales.\n <\/label>\n <\/div>\n\n <div>\n <button type=\"submit\" style=\"background:var(--navy2);color:#fff;border:none;border-radius:.6rem;padding:.9rem 2.2rem;font-size:.9rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Enviar y continuar a la calculadora\n <\/button>\n <\/div>\n\n <\/form>\n\n <div id=\"quiz-ok\" style=\"display:none;background:#fff;border:2px solid var(--gold);border-radius:var(--radius);padding:1.8rem;text-align:center\">\n <div style=\"font-size:2.5rem;margin-bottom:.75rem\">\u2705<\/div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--navy);margin-bottom:.5rem\">\u00a1Gracias! Cuestionario completado<\/h3>\n <p style=\"font-size:.875rem;color:#6b7280;line-height:1.65\">Sus respuestas han sido registradas. Ahora puede continuar con la <strong style=\"color:var(--navy)\">calculadora de horarios<\/strong> y seleccionar su laxante.<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"background:#faf8f4;padding:5rem 1.5rem\">\n <div style=\"max-width:52rem;margin:0 auto\">\n <div class=\"sec-eyebrow\">Fase III \u00b7 Laxante y Calculadora<\/div>\n <h2 class=\"sec-title\">Preparado intestinal y cronograma personalizado<\/h2>\n <p class=\"sec-intro\">Responda el cuestionario para conocer el laxante m\u00e1s adecuado, selecci\u00f3nelo y luego ingrese la fecha y hora de su examen para obtener sus horarios exactos.<\/p>\n\n <div class=\"mod\">\n <div class=\"mod-hdr\"><i class=\"ti ti-clipboard-list\"><\/i><span>Cuestionario cl\u00ednico \u00b7 Selecci\u00f3n de laxante<\/span><\/div>\n <div class=\"mod-body\">\n <div>\n <p class=\"q-lbl\">1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"1\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed<\/button>\n <button class=\"q-btn\" data-q=\"1\" data-v=\"no\" onclick=\"handleQ(this)\">No<\/button>\n <\/div>\n <\/div>\n <div>\n <p class=\"q-lbl\">2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\n <div class=\"btn-group\">\n <button class=\"q-btn\" data-q=\"2\" data-v=\"si\" onclick=\"handleQ(this)\">S\u00ed, prefiero menor volumen<\/button>\n <button class=\"q-btn\" data-q=\"2\" data-v=\"no\" onclick=\"handleQ(this)\">No, no tengo problema<\/button>\n <\/div>\n <\/div>\n <div id=\"rec-area\" style=\"display:none;flex-direction:column;gap:.75rem\">\n <div class=\"rec-box\"><strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> <span id=\"rec-txt\"><\/span><\/div>\n <p style=\"font-size:.825rem;color:#6b7280\">Seleccione el preparado recomendado o el que le indic\u00f3 su m\u00e9dico:<\/p>\n <div class=\"lax-grid\" id=\"lax-grid\"><\/div>\n <\/div>\n <div id=\"dose-area\" style=\"display:none\">\n <div class=\"dose-box\">\n <div class=\"dose-bar\" id=\"dose-bar\"><\/div>\n <div class=\"dose-inner\">\n <p class=\"dose-title\" id=\"dose-title\"><\/p>\n <div id=\"dose-steps\"><\/div>\n <p class=\"dose-warn\" id=\"dose-warn\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hint\" style=\"display:none\" class=\"hint-box\">\n \ud83d\udcc5 Regla general: <strong>1ra dosis 12\u201316 h antes<\/strong> del examen \u00b7 <strong>2da dosis 6\u20138 h antes<\/strong>.\n <\/div>\n\n <div class=\"calc-wrap\" style=\"margin-top:2rem\">\n <div>\n <div class=\"calc-icon-wrap\"><i class=\"ti ti-calendar\"><\/i><\/div>\n <p class=\"calc-title\">Calculadora de horarios<\/p>\n <p class=\"calc-sub\">Ingrese la fecha y hora de su examen para generar su cronograma personalizado<\/p>\n <\/div>\n <div class=\"calc-grid\">\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-calendar\" style=\"font-size:.85rem\"><\/i> Fecha del examen<\/div>\n <input class=\"f-in\" type=\"date\" id=\"exam-date\"\/>\n <\/div>\n <div>\n <div class=\"f-lbl\"><i class=\"ti ti-clock\" style=\"font-size:.85rem\"><\/i> Hora del examen<\/div>\n <select class=\"f-in\" id=\"exam-time\">\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\n <option value=\"07:30\" selected>07:30<\/option><option value=\"08:00\">08:00<\/option>\n <option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option>\n <option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option>\n <option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option>\n <option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button class=\"gen-btn\" onclick=\"generarCronograma()\">\n <i class=\"ti ti-clipboard-text\"><\/i> Generar mi cronograma\n <\/button>\n <\/div>\n\n <div id=\"sched\" style=\"display:none;margin-top:1.8rem\" class=\"sched\">\n <div class=\"sched-hdr\">\n <p class=\"sched-sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p>\n <p class=\"sched-title\" id=\"sched-title\"><\/p>\n <\/div>\n <div class=\"sched-steps\" id=\"sched-steps\"><\/div>\n <div class=\"prog-wrap\"><div class=\"prog-fill\" id=\"prog\"><\/div><\/div>\n <div class=\"sched-actions\">\n <button id=\"btn-imprimir-cronograma\" class=\"act-btn\" onclick=\"verificarQuizAntesImprimir()\"><i class=\"ti ti-printer\"><\/i> Ver \/ Imprimir<\/button>\n <\/div>\n <p class=\"sched-disc\">Si presenta reacci\u00f3n adversa, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"cta-sec\">\n <h2 class=\"cta-h2\">\u00bfTiene dudas sobre su preparaci\u00f3n?<\/h2>\n <p class=\"cta-sub\">Si presenta cualquier reacci\u00f3n adversa o tiene preguntas, comun\u00edquese con el consultorio antes del procedimiento.<\/p>\n <div class=\"cta-btns\">\n <a href=\"https:\/\/wa.me\/573052503820\" target=\"_blank\" class=\"btn-gold\">\ud83d\udcac WhatsApp \u00b7 305 250 3820<\/a>\n <a href=\"tel:6012855670\" class=\"btn-ghost\">\ud83d\udcde Llamar \u00b7 601 285 5670<\/a>\n <\/div>\n<\/div>\n\n\n<script>\n\nfunction toggleAcc(btn){\n var body=btn.nextElementSibling;\n var chev=btn.querySelector('.acc-chev');\n var isOpen=body.classList.contains('open');\n body.classList.toggle('open',!isOpen);\n chev.classList.toggle('open',!isOpen);\n}\n\nfunction showPanel(id,tab){\n document.querySelectorAll('.panel').forEach(function(p){p.classList.remove('active')});\n document.querySelectorAll('.fase-tab').forEach(function(t){t.classList.remove('active')});\n document.getElementById(id).classList.add('active');\n tab.classList.add('active');\n window.scrollTo({top:0,behavior:'smooth'});\n}\n\nvar q={1:null,2:null},sel=null,cronograma=null,cronTitulo='',audioActivo=false,doneMap={};\nvar LAX={\n izi:{nombre:'Izinova',tipo:'Bajo volumen \u00b7 Sulfato',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Vierta el contenido de un frasco de Izinova\u00ae en la copa medidora (vaso pl\u00e1stico) que viene con el kit. Adicione agua hasta alcanzar el nivel de la l\u00ednea demarcada. Durante los siguientes 30 a 60 minutos, consuma despacio todo el contenido de la copa. Luego tome dos copas medidoras m\u00e1s, llenas hasta la l\u00ednea, con l\u00edquidos claros (jugos transparentes, t\u00e9 sin leche) durante la hora siguiente.',\n 'SEGUNDA DOSIS: Repita el mismo proceso con el segundo frasco de Izinova\u00ae. Utilice la calculadora de horarios a continuaci\u00f3n para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. Requiere supervisi\u00f3n m\u00e9dica en enfermedad card\u00edaca, renal o hep\u00e1tica.'},\n tra:{nombre:'Travad Pik',tipo:'Bajo volumen \u00b7 Picosulfato',color:'var(--gold)',\n dosis:[\n 'PRIMERA DOSIS: Se recomienda la dosis dividida (Split-dose). Diluya 1 sobre de Travad Pik\u00ae en 150 ml de agua fr\u00eda usando el vaso dosificador que contiene la caja. Agite o revuelva durante 3 minutos continuos \u2014 este paso es cr\u00edtico para garantizar los principios activos en la soluci\u00f3n. Es posible que la soluci\u00f3n aumente ligeramente la temperatura y empiece a burbujear; cuando deje de burbujear y tenga color homog\u00e9neo, est\u00e1 lista para tomar. Tome la primera dosis seguida de 8 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos).',\n 'SEGUNDA DOSIS: Repita el mismo procedimiento con el segundo sobre, seguido de al menos 5 vasos de l\u00edquidos claros (cada uno cada 15\u201320 minutos). Utilice la calculadora de horarios para conocer exactamente a qu\u00e9 horas tomar cada dosis.'\n ],\n warn:'\u26a0 Contraindicado en enfermedad card\u00edaca congestiva, insuficiencia renal grave o hep\u00e1tica severa.'},\n nul:{nombre:'Nulytely',tipo:'Alto volumen \u00b7 PEG',color:'var(--navy2)',\n dosis:[\n 'PRIMERA DOSIS (d\u00eda anterior): Se recomienda la dosis dividida (Split-dose). Disuelva 2 sobres en 2 litros de agua. Tome un vaso de la mezcla cada 15\u201320 minutos. Beberlo m\u00e1s lento no produce el mismo efecto de limpieza.',\n 'SEGUNDA DOSIS (d\u00eda del examen): Tome la mitad restante empezando 6 a 8 horas antes de la hora programada para la colonoscopia. Puede consumirlo fr\u00edo o disolverlo en bebidas transparentes (jugo de manzana filtrado sin pulpa, jugo de uva blanca o limonadas claras). Sin colorantes rojos o morados.'\n ],\n warn:'\u2713 Seguro para uso en pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica severa. Es el preparado de mayor trayectoria cl\u00ednica internacional.'}\n};\n\nfunction getStepLabels(id){\n var di=id==='izi'?'ti-flask':'ti-package';\n return[\n {label:'Primera dosis',icon:di,cls:'tag-blue',bg:'#eff6ff'},\n {label:'Segunda dosis',icon:di,cls:'tag-gold',bg:'#fff8ed'},\n {label:'Ayuno total',icon:null,cls:'tag-orange',bg:'#fff7ed'},\n {label:'Hora de llegada',icon:'ti-map-pin',cls:'tag-green',bg:'#f0fdf4'},\n ];\n}\n\nfunction pad(n){return String(n).padStart(2,'0')}\nfunction fmtH(d){return pad(d.getHours())+':'+pad(d.getMinutes())}\nfunction fmtD(d){\n var dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'];\n var meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];\n return dias[d.getDay()]+' '+d.getDate()+' de '+meses[d.getMonth()];\n}\n\nfunction handleQ(btn){\n var qn=parseInt(btn.getAttribute('data-q')),val=btn.getAttribute('data-v');\n q[qn]=val;\n document.querySelectorAll('[data-q=\"'+qn+'\"]').forEach(function(b){b.classList.remove('on');b.style.background='';b.style.borderColor='';b.style.color='';});\n btn.classList.add('on');btn.style.background='#0A1628';btn.style.borderColor='#0A1628';btn.style.color='#fff';\n if(q[1]&&q[2])showRec();\n}\n\nfunction showRec(){\n var recs,msg;\n if(q[1]==='si'){recs=['nul'];msg='Nulytely\u00ae (PEG) \u2014 \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.';}\n else if(q[2]==='si'){recs=['izi','tra'];msg='Izinova\u00ae o Travad Pik\u00ae \u2014 ambos de bajo volumen, ideales si prefiere menor cantidad de l\u00edquido.';}\n else{recs=['izi','tra','nul'];msg='Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.';}\n document.getElementById('rec-txt').textContent=msg;\n var grid=document.getElementById('lax-grid');grid.innerHTML='';\n recs.forEach(function(id){\n var lx=LAX[id],d=document.createElement('div');\n d.className='lax-card'+(sel===id?' sel':'');\n var imgHtml = id==='izi'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\" alt=\"Izinova\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : id==='tra'\n ? '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\" alt=\"Travad Pik\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>'\n : '<div style=\"height:80px;display:flex;align-items:center;justify-content:center;margin:.5rem 0\"><img decoding=\"async\" src=\"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\" alt=\"Nulytely\" style=\"max-height:80px;max-width:120px;object-fit:contain\"\/><\/div>';\n d.innerHTML='<span class=\"sel-badge\">Seleccionado<\/span>'+imgHtml+'<p class=\"lax-name\">'+lx.nombre+'<sup style=\"font-size:8px\">\u00ae<\/sup><\/p><p class=\"lax-tipo\">'+lx.tipo+'<\/p><button class=\"listen-btn\"><i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar<\/button>';\n d.onclick=function(){pickLax(id)};\n d.querySelector('.listen-btn').onclick=function(e){e.stopPropagation();leerTarjeta(id,this)};\n grid.appendChild(d);\n });\n document.getElementById('rec-area').style.display='flex';\n}\n\nfunction pickLax(id){\n sel=id;var lx=LAX[id];showRec();\n document.getElementById('dose-bar').style.background=lx.color;\n document.getElementById('dose-title').textContent=lx.nombre+'\u00ae \u2014 Dosificaci\u00f3n';\n document.getElementById('dose-steps').innerHTML=lx.dosis.map(function(p,i){return'<div class=\"dose-step\"><span class=\"dose-num\">'+(i+1)+'.<\/span><span>'+p+'<\/span><\/div>';}).join('');\n document.getElementById('dose-warn').textContent=lx.warn;\n document.getElementById('dose-area').style.display='block';\n document.getElementById('hint').style.display='block';\n}\n\nvar audioPlayer=null;\nvar AUDIOS={\n izi:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/izinova-Gabor-a6c2a65d-d464-4e50-9bf6-55a43e1180ae.mp3',\n tra:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Travad-pik-Gabor-c15e98dc-a7ba-4d5b-bef6-df54a44e2e3f.mp3',\n nul:'https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/Nulitely-Gabor-87eb2d87-2045-4708-abb9-ad7f9ca5b0ae.mp3'\n};\nfunction leerTarjeta(id, btn){\n if(audioPlayer && audioPlayer._id===id){\n if(audioPlayer.paused){\n audioPlayer.play();\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n } else {\n audioPlayer.pause();\n btn.innerHTML='<i class=\"ti ti-player-play\" style=\"font-size:.75rem\"><\/i> Continuar';\n btn.style.background='#C89B56';btn.style.color='#fff';\n }\n return;\n }\n if(audioPlayer && !audioPlayer.paused){\n audioPlayer.pause();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n }\n var src=AUDIOS[id];\n if(!src)return;\n audioPlayer=new Audio(src);\n audioPlayer._id=id;\n btn.innerHTML='<i class=\"ti ti-player-stop\" style=\"font-size:.75rem\"><\/i> Pausar';\n btn.style.background='#c0392b';btn.style.color='#fff';\n audioPlayer.play();\n audioPlayer.onended=function(){\n audioPlayer._id=null;\n btn.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n btn.style.background='';btn.style.color='';\n };\n}\n\nfunction generarCronograma(){\n var dv=document.getElementById('exam-date').value,tv=document.getElementById('exam-time').value;\n if(!dv){alert('Ingrese la fecha del examen');return}\n if(!sel){alert('Seleccione su preparado primero');return}\n var parts=dv.split('-').map(Number),tparts=tv.split(':').map(Number);\n var examen=new Date(parts[0],parts[1]-1,parts[2],tparts[0],tparts[1]);\n var ayuno=new Date(examen.getTime()-4*3600000),esMa\u00f1ana=tparts[0]<12;\n var lx=LAX[sel],pasos=[];\n if(sel==='izi'||sel==='tra'){\n var pIni=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),pFin=new Date(examen.getTime()-12*3600000);\n var maxP=new Date(examen);maxP.setDate(maxP.getDate()-1);maxP.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(pIni>maxP)pIni=maxP;if(pFin>maxP)pFin=maxP;\n var sIni=new Date(examen.getTime()-8*3600000),sFin=new Date(examen.getTime()-6*3600000);\n var r1=fmtH(pIni)===fmtH(pFin)?'a las '+fmtH(pIni)+' h':'entre '+fmtH(pIni)+' y '+fmtH(pFin)+' h';\n var r2=fmtH(sIni)===fmtH(sFin)?'a las '+fmtH(sIni)+' h':'entre '+fmtH(sIni)+' y '+fmtH(sFin)+' h';\n pasos=[{hora:pIni,desc:'1ra dosis de '+lx.nombre+'\u00ae. Iniciar '+r1+'.'},{hora:sIni,desc:'2da dosis de '+lx.nombre+'\u00ae. Iniciar '+r2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n } else {\n var p1i=new Date(examen.getTime()-(esMa\u00f1ana?14:16)*3600000),p1f=new Date(examen.getTime()-12*3600000);\n var mx=new Date(examen);mx.setDate(mx.getDate()-1);mx.setHours(esMa\u00f1ana?22:20,0,0,0);\n if(p1i>mx)p1i=mx;if(p1f>mx)p1f=mx;\n var p2i=new Date(examen.getTime()-8*3600000),p2f=new Date(examen.getTime()-6*3600000);\n var rr1=fmtH(p1i)===fmtH(p1f)?'a las '+fmtH(p1i)+' h':'entre '+fmtH(p1i)+' y '+fmtH(p1f)+' h';\n var rr2=fmtH(p2i)===fmtH(p2f)?'a las '+fmtH(p2i)+' h':'entre '+fmtH(p2i)+' y '+fmtH(p2f)+' h';\n pasos=[{hora:p1i,desc:'1ra dosis de Nulytely\u00ae (2 sobres en 2L, 1 vaso cada 15\u201320 min). Iniciar '+rr1+'.'},{hora:p2i,desc:'2da dosis de Nulytely\u00ae (2 sobres restantes en 2L). Iniciar '+rr2+'.'},{hora:ayuno,desc:'Ayuno total. Nada v\u00eda oral, solo medicamentos autorizados por su m\u00e9dico.'},{hora:examen,desc:'Llegue acompa\u00f1ado 30 minutos antes del procedimiento.'}];\n }\n cronograma=pasos;doneMap={};cronTitulo=lx.nombre+'\u00ae \u00b7 Examen: '+fmtD(examen)+' a las '+tv;\n document.getElementById('sched-title').textContent=cronTitulo;\n var labels=getStepLabels(sel),container=document.getElementById('sched-steps');container.innerHTML='';\n pasos.forEach(function(p,i){\n var m=labels[i]||labels[labels.length-1];\n var iconHtml=m.icon?'<i class=\"ti '+m.icon+'\" style=\"font-size:.6rem\"><\/i>':'';\n var row=document.createElement('div');row.className='step';row.id='step-'+i;\n row.innerHTML='<div class=\"step-num\">'+(i+1)+'<\/div><div class=\"step-body\"><div class=\"step-tag '+m.cls+'\">'+iconHtml+(iconHtml?' ':'')+m.label+'<\/div><div><span class=\"step-hr\">'+fmtH(p.hora)+' h<\/span><i class=\"ti ti-clock step-clock\"><\/i><\/div><p class=\"step-date\">'+fmtD(p.hora)+'<\/p><p class=\"step-desc\">'+p.desc+'<\/p><\/div><div class=\"step-chk\" id=\"chk-'+i+'\" onclick=\"toggleCheck('+i+','+pasos.length+')\"><i class=\"ti ti-check\"><\/i><\/div>';\n container.appendChild(row);\n });\n document.getElementById('prog').style.width='0%';\n document.getElementById('sched').style.display='block';\n document.getElementById('sched').scrollIntoView({behavior:'smooth',block:'start'});\n}\n\nfunction toggleCheck(i,total){\n doneMap[i]=!doneMap[i];\n document.getElementById('chk-'+i).classList.toggle('done',doneMap[i]);\n document.getElementById('step-'+i).classList.toggle('done',doneMap[i]);\n var count=Object.values(doneMap).filter(Boolean).length;\n document.getElementById('prog').style.width=Math.round(count\/total*100)+'%';\n}\n\nfunction imprimirCronograma(){\n if(!cronograma)return;\n var labels=getStepLabels(sel);\n var rows=cronograma.map(function(p,i){var m=labels[i]||labels[labels.length-1];return'<div style=\"display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid #f0f0f0\"><div style=\"width:32px;height:32px;border-radius:50%;border:2px solid #C89B56;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#C89B56;flex-shrink:0\">'+(i+1)+'<\/div><div><div style=\"display:inline-flex;padding:2px 9px;border-radius:999px;font-size:9px;font-weight:700;text-transform:uppercase;background:'+m.bg+';border:1px solid #e5e7eb;color:#374151;margin-bottom:5px\">'+m.label+'<\/div><p style=\"font-size:18px;font-weight:700;color:#07111B;line-height:1\">'+fmtH(p.hora)+' h<\/p><p style=\"font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C89B56;margin:3px 0 4px\">'+fmtD(p.hora)+'<\/p><p style=\"font-size:13px;color:#555;line-height:1.55\">'+p.desc+'<\/p><\/div><\/div>';}).join('');\n var html='<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>Cronograma \u00b7 Dr. Cepeda<\/title><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;padding:2rem}.hdr{background:#0A1628;border-left:4px solid #C89B56;color:#fff;padding:13px 18px;border-radius:8px 8px 0 0}.sup{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:2px}.tit{font-size:13px;font-weight:600}.body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.ftr{text-align:center;padding:12px;font-size:10px;color:#aaa;margin-top:10px}@media print{body{padding:0}}<\/style><\/head><body><div class=\"hdr\"><p class=\"sup\">Cronograma personalizado \u00b7 Dr. Ricardo Cepeda<\/p><p class=\"tit\">'+cronTitulo+'<\/p><\/div><div class=\"body\">'+rows+'<\/div><div class=\"ftr\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div><script>window.onload=function(){window.print()}<\\\/script><\/body><\/html>';\n var w=window.open('','_blank');if(w){w.document.write(html);w.document.close();}\n}\n\nfunction toggleAudio(){\n if(!cronograma)return;\n if(audioActivo){\n window.speechSynthesis.cancel();\n document.querySelectorAll('.listen-btn').forEach(function(b){\n b.innerHTML='<i class=\"ti ti-volume\" style=\"font-size:.75rem\"><\/i> Escuchar';\n b.style.background='';b.style.color='';\n });\n setAudio(false);return;\n }\n var txt='Cronograma de preparaci\u00f3n para su colonoscopia. ';\n cronograma.forEach(function(p,i){txt+='Paso '+(i+1)+'. '+fmtH(p.hora)+' horas del '+fmtD(p.hora)+'. '+p.desc+' ';});\n var u=new SpeechSynthesisUtterance(normalizar(txt));u.lang='es-CO';u.rate=0.88;u.pitch=1.0;\n var v=getBestVoice();if(v)u.voice=v;u.onend=function(){setAudio(false)};\n window.speechSynthesis.speak(u);setAudio(true);\n}\nfunction setAudio(on){audioActivo=on;document.getElementById('audio-icon').className=on?'ti ti-volume-off':'ti ti-volume';document.getElementById('audio-lbl').textContent=on?'Detener audio':'Escuchar';}\nif(window.speechSynthesis)window.speechSynthesis.onvoiceschanged=function(){window.speechSynthesis.getVoices()};\n\nfunction verificarQuizAntesImprimir(){\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n imprimirCronograma();\n } else {\n var popup=document.getElementById('popup-quiz');\n popup.style.display='flex';\n popup.style.alignItems='center';\n popup.style.justifyContent='center';\n }\n}\nfunction cerrarPopupQuiz(){\n document.getElementById('popup-quiz').style.display='none';\n}\nfunction irAlCuestionario(){\n cerrarPopupQuiz();\n var quiz=document.getElementById('quiz-form');\n if(quiz){\n quiz.scrollIntoView({behavior:'smooth',block:'start'});\n }\n}\n\nwindow.addEventListener('DOMContentLoaded',function(){\n var popup=document.getElementById('popup-quiz');\n if(popup){\n popup.addEventListener('click',function(e){\n if(e.target===this)cerrarPopupQuiz();\n });\n }\n if(localStorage.getItem('cepeda_quiz_ok')==='1'){\n var form=document.getElementById('quiz-form');\n var ok=document.getElementById('quiz-ok');\n if(form)form.style.display='none';\n if(ok)ok.style.display='block';\n }\n});\n\nfunction enviarCuestionario(e){\n e.preventDefault();\n var cedula=document.getElementById('cedula').value.trim();\n if(!cedula){alert('Por favor ingrese su n\u00famero de c\u00e9dula.');return;}\n\n var btn=e.target.querySelector('button[type=\"submit\"]');\n btn.disabled=true;\n btn.textContent='Enviando...';\n\n var datos={\n cedula: cedula,\n p1: (document.querySelector('input[name=\"p1\"]:checked')||{}).value||'',\n p2: (document.querySelector('input[name=\"p2\"]:checked')||{}).value||'',\n p3: (document.querySelector('input[name=\"p3\"]:checked')||{}).value||'',\n autorizo: document.getElementById('autorizo').checked ? 1 : 0\n };\n\n fetch('https:\/\/doctorcepeda.com.co\/wp-json\/cepeda\/v1\/colonoscopia', {\n method:'POST',\n headers:{'Content-Type':'application\/json'},\n body:JSON.stringify(datos)\n })\n .then(function(r){return r.json()})\n .then(function(res){\n if(res.ok){\n document.getElementById('quiz-form').style.display='none';\n document.getElementById('quiz-ok').style.display='block';\n document.getElementById('quiz-ok').scrollIntoView({behavior:'smooth',block:'center'});\n var btnImprimir=document.getElementById('btn-imprimir-cronograma');\n if(btnImprimir){\n btnImprimir.disabled=false;\n btnImprimir.style.opacity='1';\n btnImprimir.style.cursor='pointer';\n btnImprimir.title='';\n }\n localStorage.setItem('cepeda_quiz_ok','1');\n } else {\n alert('Hubo un error al enviar. Intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n }\n })\n .catch(function(){\n alert('Error de conexi\u00f3n. Verifique su internet e intente de nuevo.');\n btn.disabled=false;\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Enviar respuestas';\n });\n}\n<\/script>\n\n\n<div id=\"popup-quiz\" onclick=\"if(event.target===this)cerrarPopupQuiz()\" style=\"display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:9999;align-items:center;justify-content:center;padding:1.5rem\">\n <div style=\"background:#fff;border-radius:1.2rem;max-width:420px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden\">\n <div style=\"background:#1e3a5f;padding:1.5rem 1.8rem;border-bottom:3px solid #C89B56\">\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.15rem;color:#fff;margin:0\">Un paso antes de imprimir<\/h3>\n <\/div>\n <div style=\"padding:1.6rem 1.8rem\">\n <div style=\"font-size:2rem;margin-bottom:.75rem\">\ud83d\udccb<\/div>\n <p style=\"font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:1.3rem\">Para imprimir su cronograma debe completar primero el <strong style=\"color:#1e3a5f\">cuestionario de comprensi\u00f3n<\/strong> de esta p\u00e1gina. Solo toma un momento y nos confirma que est\u00e1 listo para su preparaci\u00f3n.<\/p>\n <div style=\"display:flex;gap:.75rem;flex-wrap:wrap\">\n <button onclick=\"irAlCuestionario()\" style=\"background:#1e3a5f;color:#fff;border:none;border-radius:.55rem;padding:.8rem 1.4rem;font-size:.85rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;flex:1\">\n Ir al cuestionario \u2192\n <\/button>\n <button onclick=\"cerrarPopupQuiz()\" style=\"background:none;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.8rem 1.2rem;font-size:.85rem;font-family:'Inter',sans-serif;cursor:pointer\">\n Cancelar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<style>\n@keyframes popupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}\n<\/style>\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<\/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>Preparaci\u00f3n Colonoscopia \u2014 Dr. Ricardo Cepeda Gu\u00eda completa \u00b7 Colonoscopia Preparaci\u00f3n para Colonoscopia Todo lo que necesita saber para llegar bien preparado \u2014 desde la dieta hasta el laxante y sus horarios exactos. La Ruta de Mi Colonoscopia La colonoscopia es un procedimiento en el que se inserta un tubo flexible equipado con una c\u00e1mara<\/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-40387","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387","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=40387"}],"version-history":[{"count":131,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387\/revisions"}],"predecessor-version":[{"id":40885,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40387\/revisions\/40885"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}