diff --git a/Actividades_Manual_Vantive.xlsx b/Actividades_Manual_Vantive.xlsx index 5224f91..9e2ce2f 100644 Binary files a/Actividades_Manual_Vantive.xlsx and b/Actividades_Manual_Vantive.xlsx differ diff --git a/Manual_Vantive.zip b/Manual_Vantive.zip new file mode 100644 index 0000000..b5e0245 Binary files /dev/null and b/Manual_Vantive.zip differ diff --git a/contenido/03.html b/contenido/03.html index 3da13ba..073f326 100644 --- a/contenido/03.html +++ b/contenido/03.html @@ -86,7 +86,7 @@
-
+
diff --git a/contenido/04.html b/contenido/04.html index cad98f9..24fd37c 100644 --- a/contenido/04.html +++ b/contenido/04.html @@ -51,20 +51,20 @@
-
+
-

La diálisis peritoneal (DP) equilibra líquidos y elimina compuestos de desecho al filtrar la sangre +

Su tratamiento de diálisis peritoneal (DP) equilibra líquidos y elimina compuestos de desecho al filtrar la sangre utilizando una membrana interna llamada peritoneo.

El peritoneo, envuelve a la mayoría de los órganos abdominales y forma un espacio interno llamado: cavidad peritoneal.

-

A la secuencia de pasos que incluye al drenaje, permanencia e infusión se le conoce como: recambio. +

El peritoneo, envuelve a la mayoría de sus órganos abdominales y forma un espacio interno llamado recambio.

diff --git a/contenido/05.html b/contenido/05.html index 55add94..381fae3 100644 --- a/contenido/05.html +++ b/contenido/05.html @@ -100,13 +100,13 @@
-

La DP ofrece mejor calidad de vida, requiere menos traslados a la unidad hospitalaria y reduce el +

La DP le ofrece una mejor calidad de vida, requiere menos traslados a la unidad hospitalaria y reduce el contagio de enfermedades infectocontagiosas. Le permite mayor libertad al ser una terapia portable, a diferencia de la hemodiálisis.

-

Existen dos técnicas para llevar a cabo la DP.

+

Existen dos técnicas para llevar a cabo su terapia de DP.

Realice la siguiente actividad para descubrir más sobre ellas.

@@ -117,7 +117,7 @@
-
+
diff --git a/contenido/06.html b/contenido/06.html index e728e02..a6e8efc 100644 --- a/contenido/06.html +++ b/contenido/06.html @@ -67,14 +67,14 @@
-
+
-

El sitio de salida (SS) es la piel que rodea al catéter y requiere de cuidados continuos para - mantenerse en óptimas condiciones, permitiendo una terapia segura.

+

El sitio de salida (SS) es la piel que rodea su catéter y requiere de cuidados continuos para + mantenerse en óptimas condiciones, permitiendo que su terapia se desarrolle de forma segura.

diff --git a/contenido/07.html b/contenido/07.html index 0cf7e3e..04109c2 100644 --- a/contenido/07.html +++ b/contenido/07.html @@ -30,7 +30,8 @@ gap: 10px; justify-content: center; align-items: center; - max-width: 1280px; /* Esto limita el ancho total */ + max-width: 1280px; + /* Esto limita el ancho total */ margin: 0 auto; width: 100%; } @@ -39,7 +40,7 @@ width: 100%; aspect-ratio: 1; cursor: pointer; - perspective: 1000px!important; + perspective: 1000px !important; } .card-container.disabled { @@ -62,9 +63,15 @@
-

La línea de transferencia y el catéter deben mantenerse alejados de gérmenes que ponen en riesgo su - salud y vida.

-

Por eso, se utiliza una técnica aséptica para la manipulación de su acceso peritoneal, ya sea para realizar un recambio, explorar su orificio de salida o en procedimientos realizados por el personal de salud.

+

Debe mantener su línea de transferencia y catéter alejados de + gérmenes que ponen en riesgo + su salud y + vida.

+ +

Por eso, es necesario que utilice una técnica aséptica para la manipulación de + su acceso peritoneal, ya + sea para realizar un recambio, explorar su orificio de salida o en procedimientos realizados por el + personal de salud.

@@ -99,7 +106,8 @@
-

Instrucciones: Dé clic en las tarjetas para encontrar los pares y descubrir los pasos que se deben tener en cuenta para realizar una terapia segura en casa.

+

Instrucciones:Dé clic en las tarjetas para encontrar los pares y + descubrir los pasos que debe tener en cuenta para realizar su terapia de forma segura en casa.

@@ -361,7 +369,7 @@ } } - function isCompleted() { + function isCompleted() { $('.wrap-course-content').addClass('fake2').removeClass('fake1'); $('#desarrollo').hide(); $('#cierre').show(); @@ -374,4 +382,4 @@ randomizeOptions('row-questions'); initializeFlip(); }); - + \ No newline at end of file diff --git a/contenido/08.html b/contenido/08.html index 9c8ddee..0e7fe39 100644 --- a/contenido/08.html +++ b/contenido/08.html @@ -59,20 +59,19 @@
-
+
-

El jabón que utilice para el lavado de manos de preferencia debe ser líquido, sin embargo, lo - prioritario es que sea exclusivo para cuando usted realice los recambios en casa.

-

Lo mismo ocurre con la toalla que utilice para secar sus manos.

-

Sus manos, después de un correcto lavado, se encontrarán limpias pero nunca estériles.

+

Para un recambio seguro, bajo ningún motivo debe tocar las zonas + estériles (libres de gérmenes) en su sistema de DP.

-

Para un recambio seguro, bajo ningún motivo debe tocar las zonas estériles (libres de gérmenes) en el sistema de DP.

+

Realice la siguiente actividad para identificar cuáles son estas + zonas.

-

Instrucciones: Identifique las zonas estériles en el sistema de DP y arrastre sus nombres hacia la fotografía que les corresponda.

+

Instrucciones: Identifique las zonas estériles en el sistema de DP + y arrastre sus nombres hacia la fotografía que les corresponda.

@@ -244,7 +244,7 @@ const dragValue = dragMapping[opcion.text] !== undefined ? dragMapping[opcion.text] : 0; const dragItem = `
-
${opcion.text}
+
${opcion.text}
`; container.append(dragItem); @@ -284,7 +284,7 @@ revertDuration: 300, cursor: "grabbing", start: function (event, ui) { - $(this).css({'z-index': 1000, 'transform': 'scale(0.8)'}); + $(this).css({ 'z-index': 1000, 'transform': 'scale(0.8)' }); ui.position.left = 0; ui.position.top = 0; }, @@ -298,7 +298,7 @@ ui.position.top = newTop / scale; }, stop: function (event, ui) { - $(this).css({'z-index': 1, 'transform': 'scale(1)'}); + $(this).css({ 'z-index': 1, 'transform': 'scale(1)' }); } }); @@ -369,4 +369,4 @@ initializeDragDrop(); }); }); - + \ No newline at end of file diff --git a/contenido/09.html b/contenido/09.html index ba4b899..29d9478 100644 --- a/contenido/09.html +++ b/contenido/09.html @@ -22,11 +22,13 @@ cursor: pointer; } - .drag-list, .content-drags { + .drag-list, + .content-drags { display: flex; flex-direction: column; gap: 1.7rem; } + .drag-sortable { background: #f3e9df; border-radius: 1.25rem; @@ -42,11 +44,14 @@ cursor: grab; user-select: none; } - .drag-sortable:active, .drag-sortable.ui-sortable-helper { - box-shadow: 0 12px 30px rgba(0,0,0,0.3); + + .drag-sortable:active, + .drag-sortable.ui-sortable-helper { + box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); transform: scale(1.018); cursor: grabbing; } + .drag-number { width: 36px; height: 36px; @@ -70,17 +75,32 @@ background: #e8fdf4 !important; color: #30C48D !important; border-color: #30C48D !important; - box-shadow: 0 2px 16px rgba(48,196,141,0.12) !important; + box-shadow: 0 2px 16px rgba(48, 196, 141, 0.12) !important; animation: correcto-bounce 0.7s; } @keyframes correcto-bounce { - 0% {transform: scale(1);} - 30% {transform: scale(1.18);} - 55% {transform: scale(0.96);} - 80% {transform: scale(1.05);} - 100% {transform: scale(1);} + 0% { + transform: scale(1); + } + + 30% { + transform: scale(1.18); + } + + 55% { + transform: scale(0.96); + } + + 80% { + transform: scale(1.05); + } + + 100% { + transform: scale(1); + } } + .drag-icon { color: #72256b; font-size: 1.35rem; @@ -89,6 +109,7 @@ flex-shrink: 0; font-weight: 600; } + .drag-placeholder { background: #fff6fc !important; border: 2px dashed #E1006B !important; @@ -99,7 +120,12 @@ color: #fff; } - .fa-duotone.fa-swap-opacity:before, .fa-duotone:after, .fa-swap-opacity .fa-duotone:before, .fa-swap-opacity .fad:before, .fad.fa-swap-opacity:before, .fad:after { + .fa-duotone.fa-swap-opacity:before, + .fa-duotone:after, + .fa-swap-opacity .fa-duotone:before, + .fa-swap-opacity .fad:before, + .fad.fa-swap-opacity:before, + .fad:after { opacity: 1; } @@ -112,14 +138,35 @@ display: inline-flex; align-items: center; } + @keyframes hand-down-up { - 0% { transform: translateY(-7px) scale(1.03);} - 18% { transform: translateY(5px) scale(1.02);} - 35% { transform: translateY(-4px) scale(1.04);} - 50% { transform: translateY(4px) scale(1);} - 68% { transform: translateY(-5px) scale(1.01);} - 85% { transform: translateY(6px) scale(0.99);} - 100% { transform: translateY(-7px) scale(1.03);} + 0% { + transform: translateY(-7px) scale(1.03); + } + + 18% { + transform: translateY(5px) scale(1.02); + } + + 35% { + transform: translateY(-4px) scale(1.04); + } + + 50% { + transform: translateY(4px) scale(1); + } + + 68% { + transform: translateY(-5px) scale(1.01); + } + + 85% { + transform: translateY(6px) scale(0.99); + } + + 100% { + transform: translateY(-7px) scale(1.03); + } } .btn-reintentar { @@ -145,11 +192,20 @@
-

El lavado de manos también es una fase fundamental en el proceso de diálisis peritoneal.

+

El jabón que utilice para el lavado de manos de preferencia debe ser líquido, sin + embargo, lo prioritario es que sea exclusivo para cuando usted realice los recambios en casa.

+ +

Lo mismo ocurre con la toalla que utilice para secar sus manos. +

+ + +

Sus manos, después de un correcto lavado, se encontrarán limpias, pero nunca estériles. +

-

Veamos los pasos para un lavado de manos adecuado.

+

Veamos los pasos para un lavado de manos adecuado.

-
+
@@ -189,7 +245,8 @@
-

Instrucciones: Arrastre los pasos del lavado de manos para colocarlos en el orden correcto.

+

Instrucciones: Arrastre los pasos del lavado de manos para + colocarlos en el orden correcto.

@@ -197,7 +254,7 @@
-
+
@@ -224,7 +281,8 @@
↕ - Rodeando el pulgar izquierdo con la palma de la mano derecha frótese con un movimiento de rotación y viceversa. + Rodeando el pulgar izquierdo con la palma de la mano derecha frótese con un movimiento de rotación y + viceversa.
@@ -415,4 +473,4 @@ CourseNav.setSlideVisited(); } }); - + \ No newline at end of file diff --git a/contenido/10.html b/contenido/10.html index 4a3bebf..efb32ce 100644 --- a/contenido/10.html +++ b/contenido/10.html @@ -63,13 +63,13 @@
-
+
-

Omitir las medidas de seguridad podría provocar infecciones del sitio de salida o peritonitis.

+

Omitir las medidas de seguridad podría provocarle infecciones del sitio de salida o peritonitis.

Si utiliza DPCA y vive en un medio ambiente con temperaturas exteriores menores a 15°C, puede ser que sienta más comodidad al precalentar la bolsa con solución dializante antes de utilizarla.

diff --git a/contenido/11.html b/contenido/11.html index 28a1af9..95e023e 100644 --- a/contenido/11.html +++ b/contenido/11.html @@ -25,7 +25,7 @@ .btn-answer { cursor: pointer; border-radius: 10px; - box-shadow: 0 0 2px rgba(0,0,0,.5); + box-shadow: 0 0 2px rgba(0, 0, 0, .5); } .letter { @@ -87,9 +87,10 @@
-

La gran ventaja de la DP es que se trata de un tratamiento autoadministrado y domiciliario, sin - embargo, es necesario que acuda a todas sus consultas de seguimiento y lleve todos los estudios de laboratorio y - registros de tratamiento que le solicite el personal de salud.

+

La gran ventaja que le ofrece la DP es que se trata de un tratamiento autoadministrado y domiciliario, sin embargo, es necesario que acuda a + todas sus consultas de seguimiento y lleve todos sus estudios de laboratorio y registros del tratamiento + que le solicite el personal de salud.

@@ -127,8 +128,9 @@
-

Instrucciones: Lea cada una de las preguntas acerca del control de líquidos y conteste correctamente. Por cada acierto obtendrá una - pieza del rompecabezas, el reto es descubrir la imagen oculta.

+

Instrucciones: Lea cada una de las preguntas acerca del control de + líquidos y conteste correctamente. Por cada acierto obtendrá una + pieza del rompecabezas, el reto es descubrir la imagen oculta.

@@ -140,7 +142,8 @@
-
+
@@ -297,7 +300,7 @@ answersContainer.append(btn); }); - $('.btn-answer').click(function() { + $('.btn-answer').click(function () { const isCorrect = $(this).data('correct') === true; $('.btn-answer').off('click').css('pointer-events', 'none'); @@ -364,4 +367,4 @@ }, 500); }); }); - + \ No newline at end of file diff --git a/contenido/12.html b/contenido/12.html index 95b6f21..f1d7975 100644 --- a/contenido/12.html +++ b/contenido/12.html @@ -85,7 +85,7 @@ .btn-answer { cursor: pointer; border-radius: 10px; - box-shadow: 0 0 2px rgba(0,0,0,.5); + box-shadow: 0 0 2px rgba(0, 0, 0, .5); background-color: #f8f9fa; color: #333; } @@ -133,10 +133,10 @@
-

La alimentación balanceada es muy importante como parte de su tratamiento, - se debe - personalizar con base en sus necesidades.

-

También, es necesario mantener un estilo de vida activo para el +

La alimentación balanceada es muy importante. Como parte de su + tratamiento se debe personalizar con base en sus necesidades.

+

También, es necesario mantener un estilo de vida activo para + el buen funcionamiento de músculos, huesos y corazón.

@@ -147,7 +147,7 @@
-
+
@@ -172,12 +172,14 @@
-
+
-

Instrucciones: Gire la ruleta y conteste correctamente la pregunta acerca de la alimentación o actividad física del paciente en diálisis peritoneal para ganar los puntos.

+

Instrucciones: Dé clic en la ruleta y conteste correctamente la + pregunta acerca de su alimentación o actividad física para ganar los puntos.

@@ -199,7 +201,8 @@

0

-
@@ -228,7 +231,8 @@
-
+
@@ -418,7 +422,7 @@ backdrop: "rgba(65, 60, 60, .95)", width: "50em", didOpen: () => { - $('.btn-answer').click(function() { + $('.btn-answer').click(function () { const isCorrect = $(this).data('correct') === true; const puntos = $(this).data('puntos'); @@ -497,7 +501,7 @@ $('.wrap-course-content').addClass('fake2').removeClass('fake1'); - CourseNav.setSlideVisited(); + CourseNav.setSlideVisited(); if (aprobado) { $('#desarrollo').hide(); @@ -516,4 +520,4 @@ questions = shuffleArray(procesarPreguntas(hojaDatos)); }); }); - + \ No newline at end of file diff --git a/contenido/13.html b/contenido/13.html index dfbb413..906070e 100644 --- a/contenido/13.html +++ b/contenido/13.html @@ -50,7 +50,7 @@ .btn-answer { cursor: pointer; border-radius: 10px; - box-shadow: 0 0 2px rgba(0,0,0,.5); + box-shadow: 0 0 2px rgba(0, 0, 0, .5); } .letter { @@ -94,8 +94,9 @@
-

Como se ha visto, la enfermedad crónica de los riñones causa signos y síntomas que, en parte, son controlados mediante - la DP, sin embargo, es necesario el apoyo de medicamentos que solo su médico puede y debe prescribir.

+

Como ha visto, la enfermedad crónica de los riñones causa signos y síntomas que, en parte, son + controlados mediante la DP, sin embargo, es necesario que se apoye de medicamentos que solo su médico + puede y debe prescribir.

@@ -109,7 +110,7 @@
-
+
@@ -134,8 +135,9 @@
-

Instrucciones: Haga clic en cada tarjeta para revelar la pregunta acerca del manejo de medicamentos que apoyan la DP. - Por cada acierto sumará puntos, el objetivo es llegar a 1000.

+

Instrucciones: Haga clic en cada tarjeta para revelar la pregunta + acerca del manejo de medicamentos que apoyan la DP. + Por cada acierto sumará puntos, el objetivo es llegar a 1000.

@@ -144,7 +146,8 @@
-
+

Puntos:

000

@@ -318,7 +321,7 @@ didOpen: () => { - $('.btn-answer').click(function() { + $('.btn-answer').click(function () { const isCorrect = $(this).data('correct') === true; const puntos = $(this).data('puntos'); $('.btn-answer').off('click hover').css('pointer-events', 'none'); @@ -379,14 +382,14 @@ $('#desarrollo').hide(); $('#cierre').show(); } else { - CourseNav.setSlideVisited(); + CourseNav.setSlideVisited(); $('.col-reintentar').show(); $('#desarrollo').hide(); $('#cierre').show(); } } - $('.btn-question-pop').click(function() { + $('.btn-question-pop').click(function () { const index = $(this).index(); const puntosEnJuego = parseInt($(this).data('puntos')); if (!$(this).hasClass('completed') && !$(this).hasClass('disabled')) { @@ -401,4 +404,4 @@ questions = shuffleArray(procesarPreguntas(hojaDatos)); }); }); - + \ No newline at end of file diff --git a/contenido/14.html b/contenido/14.html index 79947d4..fa6448d 100644 --- a/contenido/14.html +++ b/contenido/14.html @@ -118,7 +118,7 @@
-

Gracias a que la diálisis peritoneal es una terapia portable y autoadministrada permite mayores +

Gracias a que la diálisis peritoneal es una terapia portable y autoadministrada, le permite mayores posibilidades de actividad laboral, vida escolar y posibilidad de viajar.

diff --git a/contenido/15.html b/contenido/15.html index 99817e9..0241fa9 100644 --- a/contenido/15.html +++ b/contenido/15.html @@ -134,7 +134,7 @@
-
+
diff --git a/contenido/16.html b/contenido/16.html index 915c693..9b6fe88 100644 --- a/contenido/16.html +++ b/contenido/16.html @@ -16,12 +16,12 @@ } .fake2 { - background-image: url(img/bg03.jpg); - background-repeat: no-repeat; - background-position: center; - background-size: cover; - background-attachment: fixed; - } + background-image: url(img/bg03.jpg); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + background-attachment: fixed; + } .btn-comenzar { border-radius: 20px; @@ -170,12 +170,12 @@ } .btn-reintentar { - cursor: pointer; - } + cursor: pointer; + } - .w-custom { - width: 5%; - } + .w-custom { + width: 5%; + }
@@ -188,15 +188,13 @@
-
-

DPA

-
+
+

DPA

+
-

Existen dos modalidades de Diálisis Peritoneal: la - DPA y la DPCA.

-

Cada una - de ellas tiene sus propios procesos que deben seguirse correctamente para que la terapia +

Existen dos modalidades de Diálisis Peritoneal: la DPA y la DPCA. Cada una + de ellas tiene sus propios procesos que debe seguir cuidadosamente para que la terapia sea exitosa.

En la siguiente actividad podrá poner a prueba sus conocimientos sobre los @@ -210,7 +208,7 @@

-
+
@@ -624,4 +622,4 @@ } } }); - + \ No newline at end of file diff --git a/contenido/17.html b/contenido/17.html index 14474b2..5236dda 100644 --- a/contenido/17.html +++ b/contenido/17.html @@ -160,7 +160,7 @@
-
+
diff --git a/contenido/18.html b/contenido/18.html index c9bf7a0..6a6e248 100644 --- a/contenido/18.html +++ b/contenido/18.html @@ -108,7 +108,7 @@
-
+
diff --git a/img/08.0.png b/img/08.0.png index 354fa66..66f1391 100644 Binary files a/img/08.0.png and b/img/08.0.png differ