{"id":40713,"date":"2026-05-18T12:32:56","date_gmt":"2026-05-18T17:32:56","guid":{"rendered":"https:\/\/doctorcepeda.com.co\/?page_id=40713"},"modified":"2026-05-18T23:56:38","modified_gmt":"2026-05-19T04:56:38","slug":"mi-colonoscopia","status":"publish","type":"page","link":"https:\/\/doctorcepeda.com.co\/index.php\/mi-colonoscopia\/","title":{"rendered":"Mi Colonoscopia"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Preparaci\u00f3n para Colonoscopia | Dr. Ricardo Cepeda<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\">\r\n <style>\r\n \/* Todos los estilos previos (exactamente igual que en la \u00faltima versi\u00f3n funcional) *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f0f2f5;\r\n color: #2c3e3f;\r\n line-height: 1.5;\r\n }\r\n .menu-nav {\r\n background: #0a1c24;\r\n padding: 0.8rem 2rem;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.8rem;\r\n flex-wrap: wrap;\r\n border-bottom: 1px solid #c7a45b60;\r\n }\r\n .menu-nav a {\r\n color: #d4dfe0;\r\n text-decoration: none;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n transition: color 0.2s;\r\n }\r\n .menu-nav a:hover { color: #c7a45b; }\r\n .hero-colon { background: #0a1c24; position: relative; }\r\n .hero-colon::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(circle at 20% 40%, rgba(199, 164, 91, 0.06) 0%, transparent 50%); }\r\n .accent-line { height: 3px; background: linear-gradient(90deg, #c7a45b, #4a9e8a, #c7a45b); width: 100%; }\r\n .hero-container { max-width: 1280px; margin: 0 auto; padding: 2rem 3rem 2.5rem 3rem; }\r\n .hero-grid { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 2rem; }\r\n .hero-text { flex: 1; min-width: 280px; }\r\n .prep-title { font-size: 3rem; font-weight: 800; color: #ffffff; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 1rem; }\r\n .title-underline { width: 70px; height: 2px; background: #c7a45b; margin: 1rem 0 1.2rem 0; }\r\n .prep-sub { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; color: #8fb5b0; margin-bottom: 0.8rem; }\r\n .prep-quote { font-size: 1rem; font-weight: 400; font-style: italic; color: #cbdbe0; line-height: 1.5; max-width: 500px; position: relative; padding-left: 1.5rem; margin-top: 1rem; }\r\n .prep-quote::before { content: '\"'; font-size: 2.5rem; color: #c7a45b; position: absolute; left: -0.2rem; top: -0.6rem; opacity: 0.6; }\r\n .acc-wrap { max-width: 1280px; margin: 1.5rem auto; padding: 0 2rem 3rem 2rem; }\r\n .acc { background: #ffffff; border-radius: 20px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); margin-bottom: 1.2rem; overflow: hidden; border-left: 4px solid #c7a45b; }\r\n .acc-hdr { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; cursor: pointer; gap: 1rem; }\r\n .acc-hdr:hover { background: #fafbfc; }\r\n .acc-hdr-left { display: flex; align-items: center; gap: 1rem; flex: 1; }\r\n .acc-num { width: 40px; height: 40px; border-radius: 50%; background: #e2e8e4; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; color: #2c5a4a; flex-shrink: 0; }\r\n .acc.open .acc-num { background: #c7a45b; color: #0a1c24; }\r\n .acc-title { font-size: 1.1rem; font-weight: 700; color: #1a3a2e; }\r\n .acc-sub { font-size: 0.7rem; font-weight: 500; color: #6a8a7a; margin-top: 0.2rem; }\r\n .acc-chev { width: 32px; height: 32px; border-radius: 50%; background: #eef2f0; display: flex; align-items: center; justify-content: center; color: #5a7a6a; }\r\n .acc.open .acc-chev { background: #0a1c24; color: #c7a45b; }\r\n .acc.open .acc-chev i { transform: rotate(180deg); }\r\n .acc-preview { display: none; }\r\n .acc:not(.open) .acc-preview { display: block; padding: 0 1.5rem 1rem 4rem; font-size: 0.85rem; font-weight: 500; color: #6a8a7a; }\r\n .acc-body { display: none; padding: 0.5rem 1.5rem 1.5rem 1.5rem; border-top: 1px solid #e2ece8; }\r\n .acc.open .acc-body { display: block; }\r\n .grid-2cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 1rem 0; }\r\n .lista-alimentos { background: #f8faf8; border-radius: 18px; padding: 1.2rem; border: 1px solid #e0e8e4; }\r\n .lista-alimentos h4 { font-size: 1rem; font-weight: 700; margin-bottom: 0.8rem; }\r\n .lista-alimentos.permitido h4 { color: #1a7a5a; border-left: 3px solid #1a7a5a; padding-left: 0.7rem; }\r\n .lista-alimentos.evitar h4 { color: #b84a3a; border-left: 3px solid #b84a3a; padding-left: 0.7rem; }\r\n .lista-alimentos ul { list-style: none; }\r\n .lista-alimentos li { padding: 0.6rem 0; border-bottom: 1px solid #e2ece8; font-size: 0.85rem; font-weight: 500; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }\r\n .lista-alimentos li span { font-size: 0.7rem; font-weight: 400; color: #8aa89a; }\r\n .lista-alimentos.permitido li::before { content: \"\u2713\"; color: #1a7a5a; margin-right: 0.4rem; font-weight: 700; }\r\n .lista-alimentos.evitar li::before { content: \"\u2715\"; color: #b84a3a; margin-right: 0.4rem; font-weight: 700; }\r\n .toggle-btn { background: none; border: none; color: #c7a45b; font-size: 0.75rem; font-weight: 700; cursor: pointer; margin-top: 0.6rem; display: flex; align-items: center; gap: 0.3rem; }\r\n .toggle-wrap { max-height: 200px; overflow: hidden; transition: max-height 0.3s ease; }\r\n .toggle-wrap.expanded { max-height: 1500px; }\r\n .sub-acc { margin: 0.5rem 0; border: 1px solid #e0e8e4; border-radius: 16px; overflow: hidden; }\r\n .sub-acc-hdr { display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 1rem; cursor: pointer; background: #fefefe; font-weight: 700; font-size: 0.9rem; color: #1a3a2e; }\r\n .sub-acc-hdr i { transition: transform 0.2s; color: #c7a45b; }\r\n .sub-acc-hdr.open i { transform: rotate(180deg); }\r\n .sub-acc-body { display: none; padding: 0.8rem 1rem; border-top: 1px solid #e0e8e4; background: #fafcfb; font-size: 0.85rem; font-weight: 500; }\r\n .sub-acc-body.open { display: block; }\r\n .integrated-module { background: #fefaf5; border-radius: 24px; margin: 1.5rem 0; border: 1px solid #e0d5c0; box-shadow: 0 8px 20px rgba(0,0,0,0.05); overflow: hidden; }\r\n .module-header { background: #0a1c24; padding: 0.8rem 1.2rem; display: flex; align-items: center; gap: 0.8rem; }\r\n .module-header i { color: #c7a45b; font-size: 1.2rem; }\r\n .module-header h3 { color: #c7a45b; font-size: 1rem; font-weight: 800; margin: 0; }\r\n .module-body { padding: 1.2rem; }\r\n .quiz-simple { margin-bottom: 1rem; }\r\n .quiz-pregunta { margin-bottom: 1rem; }\r\n .quiz-pregunta p { font-weight: 700; margin-bottom: 0.5rem; font-size: 0.85rem; color: #1a3a2e; }\r\n .quiz-opciones { display: flex; gap: 0.8rem; flex-wrap: wrap; }\r\n .quiz-opt { background: white; border: 1.5px solid #d0ddd8; padding: 0.4rem 1rem; border-radius: 40px; cursor: pointer; font-size: 0.75rem; font-weight: 600; transition: all 0.2s; }\r\n .quiz-opt:hover { border-color: #c7a45b; background: #fef8f0; }\r\n .quiz-opt.selected { background: #c7a45b; border-color: #c7a45b; color: #0a1c24; }\r\n .recomendacion { background: #eef5f0; border-left: 4px solid #c7a45b; padding: 0.6rem; margin: 0.8rem 0; font-size: 0.8rem; font-weight: 500; }\r\n .laxantes-grid { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1rem 0; }\r\n .laxante-card { flex: 1; min-width: 160px; background: #f8faf8; border: 1.5px solid #e0e8e4; border-radius: 20px; padding: 1rem 0.5rem; text-align: center; cursor: pointer; transition: all 0.2s; }\r\n .laxante-card[data-laxante=\"izi\"] { border-top: 4px solid #2563eb; }\r\n .laxante-card[data-laxante=\"tra\"] { border-top: 4px solid #14b8a6; }\r\n .laxante-card[data-laxante=\"nul\"] { border-top: 4px solid #dc2626; }\r\n .laxante-card:hover, .laxante-card.active { background: #f0f4f2; border-color: #c7a45b; }\r\n .laxante-imagen { width: 90px; height: auto; margin: 0 auto 0.6rem auto; display: block; border-radius: 12px; }\r\n .laxante-nombre { font-size: 1.1rem; font-weight: 800; margin-top: 0.3rem; }\r\n .laxante-card[data-laxante=\"izi\"] .laxante-nombre { color: #2563eb; }\r\n .laxante-card[data-laxante=\"tra\"] .laxante-nombre { color: #14b8a6; }\r\n .laxante-card[data-laxante=\"nul\"] .laxante-nombre { color: #dc2626; }\r\n .laxante-tipo { font-size: 0.65rem; font-weight: 500; color: #5a6a60; margin-top: 0.2rem; }\r\n .horario-box { background: #f8faf8; border-radius: 16px; padding: 0.8rem; margin: 0.8rem 0; border-left: 3px solid #c7a45b; font-size: 0.8rem; font-weight: 500; display: none; }\r\n .calc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1rem; }\r\n .calc-field { background: white; border-radius: 16px; padding: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }\r\n .calc-label { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; color: #0a1c24; margin-bottom: 0.3rem; display: block; letter-spacing: 0.5px; }\r\n .calc-input { width: 100%; padding: 0.8rem; background: #fefefe; border: 1.5px solid #cbdcd6; border-radius: 14px; font-size: 1rem; font-weight: 600; color: #1a3a2e; font-family: 'Inter', monospace; }\r\n .calc-input:focus { outline: none; border-color: #c7a45b; box-shadow: 0 0 0 2px rgba(199,164,91,0.2); }\r\n .btn-generar { background: #c7a45b; color: #0a1c24; border: none; padding: 0.9rem; border-radius: 60px; font-weight: 800; cursor: pointer; width: 100%; font-size: 0.9rem; transition: all 0.2s; margin-top: 1.2rem; letter-spacing: 0.5px; }\r\n .btn-generar:hover { background: #b8923a; transform: translateY(-2px); }\r\n .resultado-crono { display: none; background: white; border-radius: 24px; margin-top: 1.5rem; border: 1px solid #e2ece8; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.05); }\r\n .resultado-crono.visible { display: block; }\r\n .resultado-header { background: #0a1c24; color: #c7a45b; padding: 0.8rem 1.5rem; font-size: 0.9rem; font-weight: 800; }\r\n .paso-item { display: flex; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid #e2ece8; gap: 1rem; background: #f9fdfb; transition: background 0.2s; }\r\n .paso-item:hover { background: #f0f6f0; }\r\n .paso-numero { width: 44px; height: 44px; border-radius: 44px; background: #c7a45b; color: #0a1c24; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex-shrink: 0; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }\r\n .paso-contenido { flex: 1; }\r\n .paso-hora { font-weight: 800; font-size: 1rem; color: #1a3a2e; }\r\n .paso-fecha { font-size: 0.7rem; font-weight: 500; color: #6b8a7a; margin-top: 0.1rem; }\r\n .paso-desc { font-size: 0.85rem; font-weight: 500; color: #3a5a4e; margin-top: 0.2rem; }\r\n .resultado-acciones { display: flex; gap: 1rem; padding: 1rem 1.5rem; background: #fafcfb; border-top: 1px solid #e2ece8; }\r\n .btn-pdf, .btn-audio { flex: 1; padding: 0.7rem; border-radius: 50px; font-weight: 700; font-size: 0.8rem; border: none; cursor: pointer; transition: all 0.2s; }\r\n .btn-pdf { background: #0a1c24; color: white; }\r\n .btn-pdf:hover { background: #1a7a5a; }\r\n .btn-audio { background: #eef2ef; color: #1a3a2e; border: 1px solid #d0ddd8; }\r\n .btn-audio:hover { background: #c7a45b20; border-color: #c7a45b; }\r\n @media (max-width: 768px) {\r\n .hero-container { padding: 1.5rem; }\r\n .prep-title { font-size: 2rem; }\r\n .grid-2cols { grid-template-columns: 1fr; gap: 1rem; }\r\n .calc-row { grid-template-columns: 1fr; gap: 0.8rem; }\r\n .laxantes-grid { flex-direction: column; }\r\n .menu-nav { gap: 0.8rem; padding: 0.5rem 0.8rem; }\r\n .paso-numero { width: 36px; height: 36px; font-size: 1rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"menu-nav\">\r\n <a href=\"#sec1\">\u00bfQu\u00e9 es?<\/a>\r\n <a href=\"#sec-como\">Preparaci\u00f3n<\/a>\r\n <a href=\"#sec-fase1\">Fase I<\/a>\r\n <a href=\"#sec-fase2\">Fase II<\/a>\r\n <a href=\"#sec-laxantes\">Fase III<\/a>\r\n<\/div>\r\n<div class=\"hero-colon\">\r\n <div class=\"accent-line\"><\/div>\r\n <div class=\"hero-container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-text\">\r\n <div class=\"prep-sub\">Procedimiento Endosc\u00f3pico<\/div>\r\n <h1 class=\"prep-title\">Preparaci\u00f3n para<br>Colonoscopia<\/h1>\r\n <div class=\"title-underline\"><\/div>\r\n <div class=\"prep-quote\">Siga las tres fases de preparaci\u00f3n para un procedimiento seguro y de calidad<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<div class=\"acc-wrap\">\r\n <!-- ACORDE\u00d3N 1 -->\r\n <div class=\"acc open\" id=\"sec1\">\r\n <div class=\"acc-hdr\" onclick=\"toggleAcc('sec1')\">\r\n <div class=\"acc-hdr-left\"><div class=\"acc-num\">1<\/div><div><div class=\"acc-title\">\u00bfQu\u00e9 es una colonoscopia?<\/div><div class=\"acc-sub\">Informaci\u00f3n general<\/div><\/div><\/div>\r\n <div class=\"acc-chev\"><i class=\"ti ti-chevron-down\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"acc-preview\">La colonoscopia es un examen que visualiza todo el intestino grueso mediante una c\u00e1mara flexible. Es el m\u00e9todo m\u00e1s efectivo para prevenir el c\u00e1ncer colorrectal.<\/div>\r\n <div class=\"acc-body\">\r\n <p style=\"font-weight: 500; margin-bottom: 0.8rem;\">La colonoscopia es un procedimiento en el que se inserta un tubo flexible y delgado \u2014 equipado con una c\u00e1mara \u2014 a trav\u00e9s del recto para explorar el interior del intestino grueso. Permite detectar p\u00f3lipos, inflamaciones o signos tempranos de c\u00e1ncer colorrectal.<\/p>\r\n <p style=\"font-weight: 500; margin-bottom: 1rem;\"><strong>Es el examen de mayor impacto en la prevenci\u00f3n del c\u00e1ncer colorrectal<\/strong>, ya que no solo detecta lesiones sino que permite su resecci\u00f3n simult\u00e1nea durante el mismo procedimiento.<\/p>\r\n <div style=\"display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem;\">\r\n <div style=\"background:#f8faf8; border-radius:16px; padding:0.8rem; flex:1;\"><div style=\"font-size:1.5rem; font-weight:800; color:#4a9e8a;\">20-45 min<\/div><div style=\"font-size:0.7rem; font-weight:600;\">Duraci\u00f3n del procedimiento<\/div><\/div>\r\n <div style=\"background:#f8faf8; border-radius:16px; padding:0.8rem; flex:1;\"><div style=\"font-size:1.5rem; font-weight:800; color:#4a9e8a;\">45+ a\u00f1os<\/div><div style=\"font-size:0.7rem; font-weight:600;\">Primer examen de tamizaje<\/div><\/div>\r\n <div style=\"background:#f8faf8; border-radius:16px; padding:0.8rem; flex:1;\"><div style=\"font-size:1.5rem; font-weight:800; color:#4a9e8a;\">95%<\/div><div style=\"font-size:0.7rem; font-weight:600;\">Sensibilidad para p\u00f3lipos \u226510 mm<\/div><\/div>\r\n <div style=\"background:#f8faf8; border-radius:16px; padding:0.8rem; flex:1;\"><div style=\"font-size:1.5rem; font-weight:800; color:#4a9e8a;\">10 a\u00f1os<\/div><div style=\"font-size:0.7rem; font-weight:600;\">Intervalo si resultado normal<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ACORDE\u00d3N 2: C\u00d3MO PREPARARSE -->\r\n <div class=\"acc open\" id=\"sec-como\">\r\n <div class=\"acc-hdr\" onclick=\"toggleAcc('sec-como')\">\r\n <div class=\"acc-hdr-left\"><div class=\"acc-num\">2<\/div><div><div class=\"acc-title\">\u00bfC\u00f3mo prepararse?<\/div><div class=\"acc-sub\">Indicaciones generales<\/div><\/div><\/div>\r\n <div class=\"acc-chev\"><i class=\"ti ti-chevron-down\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"acc-preview\">El \u00e9xito de una colonoscopia radica en limpiar el colon. Una dieta previa y soluci\u00f3n laxante son esenciales.<\/div>\r\n <div class=\"acc-body\">\r\n <p style=\"font-weight: 500; margin-bottom: 1rem;\">El \u00e9xito de una colonoscopia radica en limpiar la mayor cantidad de residuos posibles del colon. <strong>Una dieta previa y el uso de una soluci\u00f3n laxante es esencial.<\/strong><\/p>\r\n <div style=\"background:#fdeaea; border-left:3px solid #b84a3a; padding:0.8rem; margin:1rem 0; border-radius:12px; font-weight:500;\"><strong>\u26a0 Una preparaci\u00f3n deficiente puede originar:<\/strong><br>Falla en la detecci\u00f3n de p\u00f3lipos \u00b7 Aumento en la duraci\u00f3n del examen \u00b7 Mayor riesgo de complicaciones \u00b7 Necesidad de repetir el procedimiento.<\/div>\r\n <div class=\"sub-acc\"><div class=\"sub-acc-hdr\" onclick=\"toggleSubAcc(this)\"><span>\ud83d\udc8a Medicamentos y condiciones especiales<\/span><i class=\"ti ti-chevron-down\"><\/i><\/div><div class=\"sub-acc-body\">Si toma anticoagulantes, antiinflamatorios, insulina o medicamentos para la presi\u00f3n arterial, consulte con su m\u00e9dico <strong>al menos 7 d\u00edas antes<\/strong>. Informe tambi\u00e9n si tiene diabetes, enfermedades del coraz\u00f3n o dispositivos implantados.<\/div><\/div>\r\n <div class=\"sub-acc\"><div class=\"sub-acc-hdr\" onclick=\"toggleSubAcc(this)\"><span>\u26a0\ufe0f Alergias e intolerancias<\/span><i class=\"ti ti-chevron-down\"><\/i><\/div><div class=\"sub-acc-body\">\u26a0\ufe0f Notifique al equipo m\u00e9dico cualquier alergia conocida, especialmente a medicamentos para anestesia o sedaci\u00f3n. Mencione tambi\u00e9n intolerancias alimentarias que puedan interferir con la preparaci\u00f3n.<\/div><\/div>\r\n <div class=\"sub-acc\"><div class=\"sub-acc-hdr\" onclick=\"toggleSubAcc(this)\"><span>\ud83d\udc65 Acompa\u00f1ante obligatorio<\/span><i class=\"ti ti-chevron-down\"><\/i><\/div><div class=\"sub-acc-body\">Debido a la sedaci\u00f3n, es <strong>obligatorio<\/strong> venir acompa\u00f1ado. No podr\u00e1 conducir ni usar maquinaria durante las siguientes 12\u201324 horas.<\/div><\/div>\r\n <div style=\"background:#eef5f0; border-left:3px solid #4a9e8a; padding:1rem; margin-top:1rem; border-radius:12px; font-weight:500;\"><strong>\ud83d\udca1 Clave del \u00e9xito<\/strong><br>Planear su dieta es parte fundamental de la preparaci\u00f3n. Siga estas instrucciones al pie de la letra.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FASE I -->\r\n <div class=\"acc open\" id=\"sec-fase1\">\r\n <div class=\"acc-hdr\" onclick=\"toggleAcc('sec-fase1')\">\r\n <div class=\"acc-hdr-left\"><div class=\"acc-num\">3<\/div><div><div class=\"acc-title\">Fase I: Dos d\u00edas antes<\/div><div class=\"acc-sub\">Dieta blanda baja en fibra<\/div><\/div><\/div>\r\n <div class=\"acc-chev\"><i class=\"ti ti-chevron-down\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"acc-preview\">Elimine alimentos de dif\u00edcil digesti\u00f3n. Si hay estre\u00f1imiento, inicie 5 d\u00edas antes.<\/div>\r\n <div class=\"acc-body\">\r\n <p style=\"font-weight: 600; margin-bottom: 1rem;\">Elimine todo alimento de dif\u00edcil digesti\u00f3n. Si presenta estre\u00f1imiento habitual, inicie la dieta blanda 5 d\u00edas antes.<\/p>\r\n <div id=\"fase1-toggle\" class=\"toggle-wrap\">\r\n <div class=\"grid-2cols\">\r\n <div class=\"lista-alimentos permitido\"><h4>\u2713 Permitido<\/h4><ul><li>Arroz blanco <span>bien cocido, sin condimentos fuertes<\/span><\/li><li>Pasta sin salsa <span>con aceite de oliva o mantequilla m\u00ednima<\/span><\/li><li>Pollo o pavo <span>a la plancha o al vapor, sin piel<\/span><\/li><li>Pescado blanco <span>al vapor o a la plancha<\/span><\/li><li>Huevos cocidos <span>hervidos o revueltos sin grasa<\/span><\/li><li>Pan blanco <span>sin semillas ni cereales integrales<\/span><\/li><li>Pur\u00e9 de papa <span>sin mantequilla ni l\u00e1cteos grasos<\/span><\/li><li>Caldo colado <span>sin verduras ni grasa visible<\/span><\/li><li>Gelatina transparente <span>sin rojo ni morado<\/span><\/li><\/ul><\/div>\r\n <div class=\"lista-alimentos evitar\"><h4>\u2715 Evitar<\/h4><ul><li>Frutas y verduras <span>crudas o cocidas, todas<\/span><\/li><li>Legumbres <span>fr\u00edjoles, lentejas, garbanzos<\/span><\/li><li>Cereales integrales <span>avena, granola, pan integral<\/span><\/li><li>Nueces y semillas <span>man\u00ed, almendras, ch\u00eda, linaza<\/span><\/li><li>Carnes rojas <span>res, cerdo, embutidos<\/span><\/li><li>L\u00e1cteos grasos <span>queso, crema, leche entera<\/span><\/li><li>Frituras <span>todo lo frito o muy grasoso<\/span><\/li><li>Sopas con s\u00f3lidos <span>solo caldos bien colados<\/span><\/li><li>Alcohol <span>cualquier bebida alcoh\u00f3lica<\/span><\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"toggle-btn\" id=\"fase1-btn\" onclick=\"toggleList('fase1-toggle','fase1-btn')\"><i class=\"ti ti-chevron-down\"><\/i> Ver lista completa<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FASE II -->\r\n <div class=\"acc open\" id=\"sec-fase2\">\r\n <div class=\"acc-hdr\" onclick=\"toggleAcc('sec-fase2')\">\r\n <div class=\"acc-hdr-left\"><div class=\"acc-num\">4<\/div><div><div class=\"acc-title\">Fase II: Un d\u00eda antes<\/div><div class=\"acc-sub\">Solo l\u00edquidos claros<\/div><\/div><\/div>\r\n <div class=\"acc-chev\"><i class=\"ti ti-chevron-down\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"acc-preview\">No consuma s\u00f3lidos. Solo l\u00edquidos claros: agua, t\u00e9, caf\u00e9 negro, caldo colado, gelatina transparente.<\/div>\r\n <div class=\"acc-body\">\r\n <p style=\"font-weight: 600; margin-bottom: 1rem;\">Este es el d\u00eda m\u00e1s importante. No consuma ning\u00fan alimento s\u00f3lido. Solo l\u00edquidos claros durante todo el d\u00eda.<\/p>\r\n <div style=\"background:#e8f4ef; border-left:3px solid #4a9e8a; padding:0.8rem; margin:0.8rem 0; border-radius:12px; display: flex; align-items: flex-start; gap: 0.5rem;\">\r\n <i class=\"ti ti-drop\" style=\"color:#4a9e8a; font-size: 1.2rem;\"><\/i>\r\n <div style=\"font-size: 0.85rem; font-weight: 500;\">\r\n <strong>\u00bfQu\u00e9 es un l\u00edquido claro?<\/strong><br>\r\n Un l\u00edquido claro es aquel que <strong>permite ver el fondo del recipiente<\/strong> a trav\u00e9s de \u00e9l. Son completamente transparentes o con muy poco color.<br>\r\n <span style=\"color:#b84a3a;\">\u26a0 El caldo de carne NO se considera l\u00edquido claro<\/span> \u2014 si lo consume, requiere 8 horas de ayuno como si fuera un s\u00f3lido.\r\n <\/div>\r\n <\/div>\r\n <div style=\"background:#fdeaea; border-left:3px solid #b84a3a; padding:0.8rem; margin:0.8rem 0; border-radius:12px; font-weight:500;\"><strong>Prohibido:<\/strong> L\u00edquidos de color rojo, morado o naranja intenso (pueden confundirse con sangrado).<\/div>\r\n <div id=\"fase2-toggle\" class=\"toggle-wrap\">\r\n <div class=\"grid-2cols\">\r\n <div class=\"lista-alimentos permitido\"><h4>\u2713 Permitidos<\/h4><ul><li>Agua <span>sin restricci\u00f3n, la m\u00e1s recomendada<\/span><\/li><li>Arom\u00e1ticas y t\u00e9 <span>sin leche ni colorantes<\/span><\/li><li>Caf\u00e9 negro <span>sin crema, sin leche<\/span><\/li><li>Caldo colado <span>sin grasa ni s\u00f3lidos visibles<\/span><\/li><li>Gelatina transparente <span>solo amarilla o verde claro<\/span><\/li><li>Suero de rehidrataci\u00f3n <span>sin colorantes oscuros<\/span><\/li><li>Agua de panela clara <span>muy diluida, sin colorante<\/span><\/li><\/ul><\/div>\r\n <div class=\"lista-alimentos evitar\"><h4>\u2715 Prohibidos<\/h4><ul><li>Jugos con pulpa <span>cualquier tipo<\/span><\/li><li>L\u00edquidos rojos o morados <span>riesgo de confusi\u00f3n con sangrado<\/span><\/li><li>Leche y l\u00e1cteos <span>kumis, yogur, crema<\/span><\/li><li>Bebidas gaseosas oscuras <span>cola, malta<\/span><\/li><li>Alcohol <span>cualquier bebida alcoh\u00f3lica<\/span><\/li><li>Sopas con s\u00f3lidos <span>solo caldos bien colados<\/span><\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"toggle-btn\" id=\"fase2-btn\" onclick=\"toggleList('fase2-toggle','fase2-btn')\"><i class=\"ti ti-chevron-down\"><\/i> Ver lista completa<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FASE III -->\r\n <div class=\"acc open\" id=\"sec-laxantes\">\r\n <div class=\"acc-hdr\" onclick=\"toggleAcc('sec-laxantes')\">\r\n <div class=\"acc-hdr-left\"><div class=\"acc-num\">5<\/div><div><div class=\"acc-title\">Fase III: Limpieza intestinal<\/div><div class=\"acc-sub\">Preparado laxante \u00b7 Cronograma personalizado<\/div><\/div><\/div>\r\n <div class=\"acc-chev\"><i class=\"ti ti-chevron-down\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"acc-preview\">Seleccione su preparado y genere su cronograma con la regla de no pasar de las 11:00 PM.<\/div>\r\n <div class=\"acc-body\">\r\n <div style=\"background:#f0f4f2; padding:0.8rem; border-radius:16px; margin-bottom:1rem; font-weight:500;\">\r\n <p><strong>Procedimiento de limpieza intestinal:<\/strong> El d\u00eda previo al examen y el mismo d\u00eda, deber\u00e1 tomar el preparado laxante seg\u00fan las indicaciones. La pauta general consiste en una primera dosis la tarde\/noche anterior (antes de las 23:00) y una segunda dosis la ma\u00f1ana del procedimiento (6 horas antes). Es fundamental mantenerse hidratado con l\u00edquidos claros entre dosis y despu\u00e9s de cada toma. Siga estrictamente los horarios calculados para asegurar una limpieza \u00f3ptima.<\/p>\r\n <\/div>\r\n\r\n <div class=\"integrated-module\">\r\n <div class=\"module-header\">\r\n <i class=\"ti ti-clipboard-list\"><\/i>\r\n <h3>Cuestionario cl\u00ednico y calculadora de horarios<\/h3>\r\n <\/div>\r\n <div class=\"module-body\">\r\n <div class=\"quiz-simple\">\r\n <div class=\"quiz-pregunta\">\r\n <p>1. \u00bfTiene enfermedad card\u00edaca, renal o hep\u00e1tica diagnosticada?<\/p>\r\n <div class=\"quiz-opciones\">\r\n <button class=\"quiz-opt\" data-q1=\"si\">S\u00ed<\/button>\r\n <button class=\"quiz-opt\" data-q1=\"no\">No<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-pregunta\">\r\n <p>2. \u00bfTiene dificultad para tomar grandes vol\u00famenes de l\u00edquido?<\/p>\r\n <div class=\"quiz-opciones\">\r\n <button class=\"quiz-opt\" data-q2=\"si\">S\u00ed, prefiero menor volumen<\/button>\r\n <button class=\"quiz-opt\" data-q2=\"no\">No, no tengo problema<\/button>\r\n <\/div>\r\n <\/div>\r\n <div id=\"recomendacionArea\" class=\"recomendacion\" style=\"display: none;\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"laxantesContainer\" class=\"laxantes-grid\"><\/div>\r\n <div id=\"horario-laxante\" class=\"horario-box\"><\/div>\r\n\r\n <div class=\"calc-row\">\r\n <div class=\"calc-field\">\r\n <label class=\"calc-label\">\ud83d\udcc5 FECHA DEL EXAMEN<\/label>\r\n <input type=\"date\" id=\"fecha-examen\" class=\"calc-input\">\r\n <\/div>\r\n <div class=\"calc-field\">\r\n <label class=\"calc-label\">\u23f0 HORA DEL EXAMEN<\/label>\r\n <select id=\"hora-examen\" class=\"calc-input\">\r\n <option value=\"07:30\" selected>07:30<\/option>\r\n <option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option>\r\n <option value=\"08:00\">08:00<\/option><option value=\"09:00\">09:00<\/option>\r\n <option value=\"10:00\">10:00<\/option><option value=\"11:00\">11:00<\/option>\r\n <option value=\"12:00\">12:00<\/option><option value=\"13:00\">13:00<\/option>\r\n <option value=\"14:00\">14:00<\/option><option value=\"15:00\">15:00<\/option>\r\n <option value=\"16:00\">16:00<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn-generar\" id=\"btnGenerar\">\ud83d\udccb Generar mi cronograma<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"resultado-crono\" class=\"resultado-crono\">\r\n <div class=\"resultado-header\" id=\"resultado-titulo\">Cronograma<\/div>\r\n <div id=\"resultado-pasos\"><\/div>\r\n <div class=\"resultado-acciones\">\r\n <button class=\"btn-pdf\" id=\"btnPDF\">\ud83d\udcc4 Ver \/ Imprimir cronograma<\/button>\r\n <button class=\"btn-audio\" id=\"btnAudio\">\ud83d\udd0a Escuchar cronograma<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Variables\r\n let respuestas = { q1: null, q2: null };\r\n let laxantesRecomendados = [];\r\n let laxanteSeleccionado = null;\r\n let cronogramaActual = [];\r\n\r\n const recomDiv = document.getElementById('recomendacionArea');\r\n const laxContainer = document.getElementById('laxantesContainer');\r\n const horarioBox = document.getElementById('horario-laxante');\r\n const fechaInput = document.getElementById('fecha-examen');\r\n const horaSelect = document.getElementById('hora-examen');\r\n const btnGenerar = document.getElementById('btnGenerar');\r\n const resultadoCrono = document.getElementById('resultado-crono');\r\n const resultadoTitulo = document.getElementById('resultado-titulo');\r\n const resultadoPasos = document.getElementById('resultado-pasos');\r\n const btnPDF = document.getElementById('btnPDF');\r\n const btnAudioElem = document.getElementById('btnAudio');\r\n\r\n const todosLaxantes = {\r\n izi: { nombre: \"Izinova\u00ae\", tipo: \"Bajo volumen \u00b7 Sulfato\", imagen: \"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/IZINOVA-2026.png\", dosis: \"<strong>Izinova\u00ae<\/strong><br>\u2022 D\u00eda previo: 1 dosis (176 ml + agua) + 2 contenedores de hidrataci\u00f3n.<br>\u2022 D\u00eda del examen (6 horas antes): 2da dosis + 5 contenedores de hidrataci\u00f3n.\", contraindicaciones: \"Precauci\u00f3n en pacientes con desequilibrios hidroelectrol\u00edticos. No contraindicado en enfermedad card\u00edaca\/renal\/hep\u00e1tica, pero requiere supervisi\u00f3n.\", contraindCardioRenal: false, seguroVolumen: true },\r\n tra: { nombre: \"Travad Pik\u00ae\", tipo: \"Bajo volumen \u00b7 Picosulfato\", imagen: \"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/travadpik_120x120.png\", dosis: \"<strong>Travad Pik\u00ae<\/strong><br>\u2022 D\u00eda previo: 1 dosis + 8 vasos de l\u00edquidos claros.<br>\u2022 D\u00eda del examen: 2da dosis + 5 vasos.\", contraindicaciones: \"\u26a0\ufe0f <strong>Contraindicado en enfermedad card\u00edaca, renal o hep\u00e1tica.<\/strong> Puede producir desequilibrios electrol\u00edticos.\", contraindCardioRenal: true, seguroVolumen: true },\r\n nul: { nombre: \"Nulytely\u00ae\", tipo: \"Alto volumen \u00b7 PEG\", imagen: \"https:\/\/doctorcepeda.com.co\/wp-content\/uploads\/2026\/05\/NULYTELY-2026.png\", dosis: \"<strong>Nulytely\u00ae<\/strong><br>\u2022 12-14 horas antes: primeros 2 litros (1 vaso cada 15-20 min).<br>\u2022 6-8 horas antes: \u00faltimos 2 litros.\", contraindicaciones: \"\u2713 <strong>Seguro en enfermedades card\u00edacas, renales o hep\u00e1ticas severas.<\/strong> Es el preparado de elecci\u00f3n en pacientes con comorbilidades.\", contraindCardioRenal: false, seguroVolumen: false }\r\n };\r\n\r\n function actualizarRecomendacion() {\r\n if (respuestas.q1 === null || respuestas.q2 === null) return;\r\n let recomendados = [], mensaje = \"\";\r\n if (respuestas.q1 === \"si\") { recomendados = [\"nul\"]; mensaje = \"Nulytely\u00ae (PEG) \u2014 es el \u00fanico preparado seguro para pacientes con enfermedad card\u00edaca, renal o hep\u00e1tica. Evite Travad Pik\u00ae.\"; }\r\n else if (respuestas.q2 === \"si\") { recomendados = [\"izi\", \"tra\"]; mensaje = \"Izinova\u00ae o Travad Pik\u00ae \u2014 ambos son de bajo volumen, ideales si prefiere tomar menos l\u00edquido.\"; }\r\n else { recomendados = [\"izi\", \"tra\", \"nul\"]; mensaje = \"Puede usar cualquiera de los tres. Nulytely\u00ae (PEG) es la opci\u00f3n m\u00e1s estudiada internacionalmente.\"; }\r\n laxantesRecomendados = recomendados;\r\n recomDiv.style.display = \"block\";\r\n recomDiv.innerHTML = `<strong>\u2705 Sugerencia seg\u00fan gu\u00edas 2025:<\/strong> ${mensaje}`;\r\n renderLaxantes();\r\n if (laxanteSeleccionado && !laxantesRecomendados.includes(laxanteSeleccionado)) { laxanteSeleccionado = null; horarioBox.style.display = 'none'; }\r\n }\r\n\r\n function renderLaxantes() {\r\n if (!laxantesRecomendados.length) return;\r\n let html = '';\r\n for (let id of laxantesRecomendados) {\r\n const l = todosLaxantes[id];\r\n html += `<div class=\"laxante-card\" data-laxante=\"${id}\"><img decoding=\"async\" class=\"laxante-imagen\" src=\"${l.imagen}\" alt=\"${l.nombre}\"><div class=\"laxante-nombre\">${l.nombre}<\/div><div class=\"laxante-tipo\">${l.tipo}<\/div><\/div>`;\r\n }\r\n laxContainer.innerHTML = html;\r\n document.querySelectorAll('.laxante-card').forEach(card => card.addEventListener('click', () => seleccionarLaxante(card.dataset.laxante)));\r\n if (laxanteSeleccionado && laxantesRecomendados.includes(laxanteSeleccionado)) {\r\n document.querySelector(`.laxante-card[data-laxante=\"${laxanteSeleccionado}\"]`)?.classList.add('active');\r\n mostrarHorario(laxanteSeleccionado);\r\n }\r\n }\r\n\r\n function seleccionarLaxante(tipo) {\r\n laxanteSeleccionado = tipo;\r\n document.querySelectorAll('.laxante-card').forEach(c => c.classList.remove('active'));\r\n document.querySelector(`.laxante-card[data-laxante=\"${tipo}\"]`).classList.add('active');\r\n mostrarHorario(tipo);\r\n }\r\n\r\n function mostrarHorario(tipo) {\r\n const l = todosLaxantes[tipo];\r\n horarioBox.innerHTML = `<p>${l.dosis}<\/p><div style=\"margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid #e0e8e4; font-size:0.75rem; color:#b84a3a;\">${l.contraindicaciones}<\/div>`;\r\n horarioBox.style.display = 'block';\r\n }\r\n\r\n document.querySelectorAll('.quiz-opt[data-q1]').forEach(btn => btn.addEventListener('click', () => {\r\n respuestas.q1 = btn.dataset.q1;\r\n document.querySelectorAll('.quiz-opt[data-q1]').forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n if (respuestas.q1 && respuestas.q2) actualizarRecomendacion();\r\n }));\r\n document.querySelectorAll('.quiz-opt[data-q2]').forEach(btn => btn.addEventListener('click', () => {\r\n respuestas.q2 = btn.dataset.q2;\r\n document.querySelectorAll('.quiz-opt[data-q2]').forEach(b => b.classList.remove('selected'));\r\n btn.classList.add('selected');\r\n if (respuestas.q1 && respuestas.q2) actualizarRecomendacion();\r\n }));\r\n\r\n function formatHoraCompleta(f) { return f.getHours().toString().padStart(2,'0')+':'+f.getMinutes().toString().padStart(2,'0'); }\r\n function formatDia(d) { const dias=['domingo','lunes','martes','mi\u00e9rcoles','jueves','viernes','s\u00e1bado'], meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre']; return `${dias[d.getDay()]} ${d.getDate()} de ${meses[d.getMonth()]}`; }\r\n\r\n function generarCronograma() {\r\n if (!laxanteSeleccionado) { alert('Primero responda el cuestionario y seleccione un preparado laxante.'); return; }\r\n const fechaStr = fechaInput.value, horaStr = horaSelect.value;\r\n if (!fechaStr) { alert('Por favor ingrese la fecha de su examen.'); return; }\r\n const examen = new Date(`${fechaStr}T${horaStr}:00`);\r\n let primeraDosis = new Date(examen.getTime() - 12*60*60*1000);\r\n if (primeraDosis.getHours() > 23) primeraDosis.setHours(23,0,0,0);\r\n let segundaDosis = new Date(examen.getTime() - 6*60*60*1000);\r\n let ayuno = new Date(examen.getTime() - 4*60*60*1000);\r\n let pasos = [];\r\n if (laxanteSeleccionado === 'izi' || laxanteSeleccionado === 'tra') {\r\n pasos = [\r\n { hora: primeraDosis, desc: `1ra dosis de ${laxanteSeleccionado==='izi'?'Izinova\u00ae':'Travad Pik\u00ae'} seg\u00fan esquema. No pasar de las 23:00.` },\r\n { hora: segundaDosis, desc: `2da dosis de ${laxanteSeleccionado==='izi'?'Izinova\u00ae':'Travad Pik\u00ae'}.` },\r\n { hora: ayuno, desc: 'Iniciar ayuno total (nada v\u00eda oral, solo medicamentos autorizados).' },\r\n { hora: examen, desc: 'Llegar acompa\u00f1ado 30 minutos antes.' }\r\n ];\r\n } else {\r\n let litro1 = new Date(examen.getTime() - 13*60*60*1000);\r\n if (litro1.getHours() > 23) litro1.setHours(23,0,0,0);\r\n let litro2 = new Date(examen.getTime() - 7*60*60*1000);\r\n pasos = [\r\n { hora: litro1, desc: 'Iniciar primeros 2 litros de Nulytely\u00ae (1 vaso cada 15-20 min).' },\r\n { hora: litro2, desc: 'Iniciar \u00faltimos 2 litros de Nulytely\u00ae.' },\r\n { hora: ayuno, desc: 'Iniciar ayuno total.' },\r\n { hora: examen, desc: 'Llegar acompa\u00f1ado.' }\r\n ];\r\n }\r\n cronogramaActual = pasos;\r\n resultadoTitulo.innerHTML = `Cronograma \u00b7 ${todosLaxantes[laxanteSeleccionado].nombre} \u00b7 Examen: ${formatDia(examen)} a las ${horaStr}`;\r\n let html = '';\r\n pasos.forEach((p,i) => { html += `<div class=\"paso-item\"><div class=\"paso-numero\">${i+1}<\/div><div class=\"paso-contenido\"><div class=\"paso-hora\">${formatHoraCompleta(p.hora)} h<\/div><div class=\"paso-fecha\">${formatDia(p.hora)}<\/div><div class=\"paso-desc\">${p.desc}<\/div><\/div><\/div>`; });\r\n resultadoPasos.innerHTML = html;\r\n resultadoCrono.classList.add('visible');\r\n resultadoCrono.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n const utterance = new SpeechSynthesisUtterance(`Su cronograma ha sido generado para el examen del ${formatDia(examen)} a las ${horaStr}. Por favor revise los pasos.`);\r\n utterance.lang = 'es-CO';\r\n window.speechSynthesis.cancel();\r\n window.speechSynthesis.speak(utterance);\r\n }\r\n\r\n \/\/ NUEVA FUNCI\u00d3N: imprime usando un iframe oculto (sin ventanas emergentes bloqueables)\r\n function imprimirCronograma() {\r\n if (!cronogramaActual.length) { alert('Primero genere su cronograma.'); return; }\r\n const contenido = `\r\n <!DOCTYPE html>\r\n <html>\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <title>Cronograma de preparaci\u00f3n para colonoscopia<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', 'Segoe UI', sans-serif;\r\n background: white;\r\n padding: 2rem;\r\n color: #1a3a2e;\r\n line-height: 1.5;\r\n }\r\n .cronograma {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n background: #fff;\r\n border-radius: 24px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n border: 1px solid #e2ece8;\r\n }\r\n .header {\r\n background: #0a1c24;\r\n color: #c7a45b;\r\n padding: 1rem 1.5rem;\r\n font-weight: 800;\r\n font-size: 1.2rem;\r\n }\r\n .paso {\r\n display: flex;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid #e2ece8;\r\n gap: 1rem;\r\n background: #f9fdfb;\r\n }\r\n .paso-numero {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 44px;\r\n background: #c7a45b;\r\n color: #0a1c24;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n }\r\n .paso-contenido { flex: 1; }\r\n .paso-hora { font-weight: 800; font-size: 1rem; color: #1a3a2e; }\r\n .paso-fecha { font-size: 0.7rem; color: #6b8a7a; margin-top: 0.1rem; }\r\n .paso-desc { font-size: 0.85rem; color: #3a5a4e; margin-top: 0.2rem; }\r\n .footer { text-align: center; padding: 1rem; font-size: 0.7rem; color: #6b8a7a; background: #fafcfb; border-top: 1px solid #e2ece8; }\r\n @media print {\r\n body { padding: 0; }\r\n .cronograma { box-shadow: none; margin: 0; border: none; }\r\n .paso { break-inside: avoid; }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div class=\"cronograma\">\r\n <div class=\"header\">${resultadoTitulo.innerText}<\/div>\r\n <div>${resultadoPasos.innerHTML}<\/div>\r\n <div class=\"footer\">Dr. Ricardo Cepeda \u00b7 doctorcepeda.com.co<\/div>\r\n <\/div>\r\n <script>\r\n window.onload = function() { window.print(); };\r\n <\\\/script>\r\n <\/body>\r\n <\/html>\r\n `;\r\n const iframe = document.createElement('iframe');\r\n iframe.style.position = 'absolute';\r\n iframe.style.width = '0';\r\n iframe.style.height = '0';\r\n iframe.style.border = 'none';\r\n document.body.appendChild(iframe);\r\n iframe.contentDocument.write(contenido);\r\n iframe.contentDocument.close();\r\n iframe.contentWindow.print();\r\n setTimeout(() => document.body.removeChild(iframe), 1000);\r\n }\r\n\r\n function toggleAudio() {\r\n if (!cronogramaActual.length) { alert('Genere su cronograma primero.'); return; }\r\n if (audioActivo) { window.speechSynthesis.cancel(); audioActivo = false; btnAudioElem.innerHTML = '\ud83d\udd0a Escuchar cronograma'; return; }\r\n let texto = `Cronograma para su colonoscopia. `;\r\n cronogramaActual.forEach(p => { texto += `${formatHoraCompleta(p.hora)} horas del ${formatDia(p.hora)}. ${p.desc}. `; });\r\n utteranceAudio = new SpeechSynthesisUtterance(texto);\r\n utteranceAudio.lang = 'es-CO';\r\n utteranceAudio.rate = 0.9;\r\n utteranceAudio.onend = () => { audioActivo = false; btnAudioElem.innerHTML = '\ud83d\udd0a Escuchar cronograma'; };\r\n window.speechSynthesis.speak(utteranceAudio);\r\n audioActivo = true;\r\n btnAudioElem.innerHTML = '\u23f9 Detener audio';\r\n }\r\n\r\n let audioActivo = false, utteranceAudio = null;\r\n btnGenerar.addEventListener('click', generarCronograma);\r\n btnPDF.addEventListener('click', imprimirCronograma);\r\n btnAudioElem.addEventListener('click', toggleAudio);\r\n\r\n function toggleAcc(id) { document.getElementById(id).classList.toggle('open'); }\r\n function toggleList(wrapId, btnId) {\r\n const wrap = document.getElementById(wrapId);\r\n const btn = document.getElementById(btnId);\r\n const expanded = wrap.classList.contains('expanded');\r\n wrap.classList.toggle('expanded', !expanded);\r\n btn.innerHTML = expanded ? '<i class=\"ti ti-chevron-down\"><\/i> Ver lista completa' : '<i class=\"ti ti-chevron-up\"><\/i> Colapsar lista';\r\n }\r\n function toggleSubAcc(el) {\r\n el.nextElementSibling.classList.toggle('open');\r\n el.querySelector('i').classList.toggle('open');\r\n }\r\n window.toggleAcc = toggleAcc;\r\n window.toggleList = toggleList;\r\n window.toggleSubAcc = toggleSubAcc;\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Preparaci\u00f3n para Colonoscopia | Dr. Ricardo Cepeda \u00bfQu\u00e9 es? Preparaci\u00f3n Fase I Fase II Fase III Procedimiento Endosc\u00f3pico Preparaci\u00f3n paraColonoscopia Siga las tres fases de preparaci\u00f3n para un procedimiento seguro y de calidad 1\u00bfQu\u00e9 es una colonoscopia?Informaci\u00f3n general La colonoscopia es un examen que visualiza todo el intestino grueso mediante una c\u00e1mara flexible. Es el […]<\/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":"unboxed","site-sidebar-style":"unboxed","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-40713","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40713","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=40713"}],"version-history":[{"count":13,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40713\/revisions"}],"predecessor-version":[{"id":40976,"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/pages\/40713\/revisions\/40976"}],"wp:attachment":[{"href":"https:\/\/doctorcepeda.com.co\/index.php\/wp-json\/wp\/v2\/media?parent=40713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}