Cursos disponibles
🧭 Ruta de Promoción y Mantenimiento de la Salud – Resolución 3280 de 2018
Cursos 2025 Aula Virtual
Esta herramienta interactiva te permite explorar las intervenciones clave en salud según las etapas de la vida, tal como lo establece el Reglamento Interno de Atención en Salud (RIAS) en Colombia.
Introducción subproceso de Tecnologías de la información
Cursos 2025 Aula Virtual
Este curso tiene como objetivo fortalecer las competencias del personal nuevo del Hospital Universitario San Rafael de Tunja en el uso y aprovechamiento de las Tecnologías de la Información (TI), como herramienta clave para optimizar procesos institucionales, mejorar la atención al paciente y garantizar la seguridad de la información. A través de sesiones teórico-prácticas, se abordarán temas como el uso eficiente de plataformas digitales institucionales, manejo seguro de datos, buenas prácticas en TI y fundamentos de transformación digital en el sector salud.
Ruta de Promoción y Mantenimiento de la Salud – Resolución 3280 de 2018
resolucion
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ruta de Promoción y Mantenimiento de la Salud – Resolución 3280 de 2018</title>
<style>
:root {
--e-global-color-primary: #6ec1e4;
--e-global-color-secondary: #54595f;
--e-global-color-text: #7a7a7a;
--e-global-color-accent: #61ce70;
--e-global-color-background: #fff;
--e-global-color-dark-accent: #3b2377;
--e-global-color-teal: #00b8b3;
--e-global-color-lime: #a8cf44;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: var(--e-global-color-background);
color: var(--e-global-color-text);
line-height: 1.6;
overflow-x: hidden;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* Pantalla de bienvenida */
.welcome-screen {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
text-align: center;
padding: 20px;
background: linear-gradient(135deg, rgba(110, 193, 228, 0.1) 0%, rgba(97, 206, 112, 0.1) 100%);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.welcome-screen h1 {
font-size: 2.5rem;
color: var(--e-global-color-dark-accent);
margin-bottom: 20px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.welcome-screen p {
font-size: 1.1rem;
max-width: 800px;
margin-bottom: 30px;
color: var(--e-global-color-secondary);
}
.objectives, .key-axes {
background-color: white;
padding: 20px;
border-radius: 15px;
margin: 20px 0;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
text-align: left;
width: 100%;
max-width: 800px;
}
.objectives h2, .key-axes h2 {
color: var(--e-global-color-primary);
margin-bottom: 15px;
font-size: 1.5rem;
}
.objectives ul, .key-axes ul {
padding-left: 20px;
}
.objectives li, .key-axes li {
margin-bottom: 10px;
}
.start-btn {
background: var(--e-global-color-accent);
color: white;
border: none;
padding: 15px 40px;
font-size: 1.2rem;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(97, 206, 112, 0.4);
font-weight: bold;
}
.start-btn:hover {
background: #4fc160;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(97, 206, 112, 0.6);
}
.start-btn:focus {
outline: 2px solid var(--e-global-color-dark-accent);
}
/* Mapa de vida */
.life-map-container {
display: none;
flex-direction: column;
align-items: center;
min-height: 100vh;
padding: 30px 20px;
}
.map-title {
font-size: 2rem;
color: var(--e-global-color-dark-accent);
margin-bottom: 30px;
text-align: center;
}
.timeline {
position: relative;
width: 100%;
max-width: 1000px;
height: 200px;
margin: 40px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.timeline::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 4px;
background: var(--e-global-color-primary);
transform: translateY(-50%);
z-index: 1;
}
.life-stage {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
transition: transform 0.3s ease;
}
.life-stage:hover {
transform: scale(1.1);
}
.stage-icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
border: 3px solid var(--e-global-color-primary);
margin-bottom: 10px;
transition: all 0.3s ease;
}
.life-stage:hover .stage-icon {
border-color: var(--e-global-color-accent);
transform: rotate(5deg);
}
.stage-label {
text-align: center;
font-weight: bold;
color: var(--e-global-color-secondary);
margin-top: 10px;
font-size: 0.9rem;
}
.tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background: var(--e-global-color-dark-accent);
color: white;
padding: 8px 12px;
border-radius: 8px;
font-size: 0.85rem;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
margin-bottom: 10px;
z-index: 10;
}
.life-stage:hover .tooltip {
opacity: 1;
visibility: visible;
}
.tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 5px solid transparent;
border-top-color: var(--e-global-color-dark-accent);
}
/* Panel de misiones */
.missions-panel {
display: none;
width: 100%;
max-width: 1000px;
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
padding: 30px;
margin-top: 30px;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.panel-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 2px solid var(--e-global-color-primary);
}
.panel-title {
font-size: 1.8rem;
color: var(--e-global-color-dark-accent);
}
.back-btn {
background: var(--e-global-color-secondary);
color: white;
border: none;
padding: 10px 20px;
border-radius: 30px;
cursor: pointer;
transition: background 0.3s;
font-weight: bold;
}
.back-btn:hover {
background: #3a3f44;
}
.category {
margin-bottom: 30px;
}
.category-title {
font-size: 1.4rem;
color: var(--e-global-color-teal);
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px dashed var(--e-global-color-teal);
}
.mission-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.mission-card {
background: rgba(110, 193, 228, 0.08);
border-radius: 15px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
transition: transform 0.3s, box-shadow 0.3s;
border-left: 4px solid var(--e-global-color-accent);
}
.mission-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.mission-name {
font-weight: bold;
margin-bottom: 8px;
color: var(--e-global-color-dark-accent);
font-size: 1.1rem;
}
.mission-frequency {
color: var(--e-global-color-secondary);
font-style: italic;
}
/* Celebración */
.celebration {
display: none;
text-align: center;
padding: 40px;
background: linear-gradient(135deg, var(--e-global-color-accent) 0%, var(--e-global-color-lime) 100%);
border-radius: 20px;
color: white;
margin-top: 30px;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.celebration h2 {
font-size: 2.2rem;
margin-bottom: 20px;
}
/* Responsive */
@media (max-width: 768px) {
.timeline {
flex-wrap: wrap;
height: auto;
gap: 30px;
}
.timeline::before {
display: none;
}
.life-stage {
width: 45%;
}
.mission-list {
grid-template-columns: 1fr;
}
.welcome-screen h1 {
font-size: 2rem;
}
}
@media (max-width: 480px) {
.life-stage {
width: 100%;
}
.stage-icon {
width: 60px;
height: 60px;
font-size: 24px;
}
}
</style>
</head>
<body>
<div class="container">
<!-- Pantalla de bienvenida -->
<div class="welcome-screen" id="welcomeScreen">
<h1>🧭 Ruta de Promoción y Mantenimiento de la Salud – Resolución 3280 de 2018</h1>
<p>Esta herramienta interactiva te permite explorar las intervenciones clave en salud según las etapas de la vida, tal como lo establece el Reglamento Interno de Atención en Salud (RIAS) en Colombia.</p>
<div class="objectives">
<h2>Objetivos Principales:</h2>
<ul>
<li>Fortalecer la atención primaria en salud</li>
<li>Establecer las rutas de atención integral para la promoción y mantenimiento de la salud en la población</li>
<li>Asegurar la coordinación interinstitucional en la implementación de políticas y actividades de salud pública</li>
<li>Promover la participación comunitaria en la toma de decisiones relacionadas con la salud</li>
</ul>
</div>
<div class="key-axes">
<h2>Ejes Clave:</h2>
<ul>
<li>Estrategias de promoción y prevención</li>
<li>Rutas de atención</li>
<li>Monitoreo y evaluación</li>
</ul>
</div>
<button class="start-btn" id="startBtn">Iniciar recorrido</button>
</div>
<!-- Mapa de vida -->
<div class="life-map-container" id="lifeMapContainer">
<h2 class="map-title">Explora las etapas de la vida</h2>
<div class="timeline">
<div class="life-stage" data-stage="primera_infancia">
<div class="stage-icon">👶</div>
<div class="stage-label">Primera infancia<br>(0–5 años)</div>
<div class="tooltip">Actividades para niños de 0 a 5 años</div>
</div>
<div class="life-stage" data-stage="infancia">
<div class="stage-icon">🧒</div>
<div class="stage-label">Infancia<br>(6–11 años)</div>
<div class="tooltip">Actividades para niños de 6 a 11 años</div>
</div>
<div class="life-stage" data-stage="adolescencia">
<div class="stage-icon">🧑🎓</div>
<div class="stage-label">Adolescencia<br>(12–17 años)</div>
<div class="tooltip">Actividades para adolescentes de 12 a 17 años</div>
</div>
<div class="life-stage" data-stage="juventud">
<div class="stage-icon">👩💼</div>
<div class="stage-label">Juventud<br>(18–28 años)</div>
<div class="tooltip">Actividades para jóvenes de 18 a 28 años</div>
</div>
<div class="life-stage" data-stage="adultez">
<div class="stage-icon">👨💼</div>
<div class="stage-label">Adultez<br>(29–59 años)</div>
<div class="tooltip">Actividades para adultos de 29 a 59 años</div>
</div>
<div class="life-stage" data-stage="vejez">
<div class="stage-icon">👴</div>
<div class="stage-label">Vejez<br>(60+ años)</div>
<div class="tooltip">Actividades para adultos mayores de 60 años</div>
</div>
</div>
<div class="missions-panel" id="missionsPanel">
<div class="panel-header">
<h2 class="panel-title" id="panelTitle">Primera infancia (0–5 años)</h2>
<button class="back-btn" id="backBtn">Volver al mapa</button>
</div>
<div id="missionsContent"></div>
</div>
<div class="celebration" id="celebration">
<h2>¡Felicidades! 🎉</h2>
<p>Has recorrido toda la Ruta de la Salud según la Resolución 3280 de 2018</p>
</div>
</div>
</div>
<script>
const lifeStagesData = {
primera_infancia: {
title: "Primera infancia (0–5 años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Pediatría / Médico Familiar", frequency: "Según tabla: 1M, 2-3M, 4-5M, 6-8M, 12-18M, 24-29M, 3A, 5A" },
{ name: "Enfermería Profesional", frequency: "Según tabla: 2-3M, 4-5M, 9-11M, 12-18M, 24-29M, 3A, 5A" },
{ name: "Odontología", frequency: "Una vez al año a partir de los 6 meses de edad" },
{ name: "Medicina General / Enfermería / Nutrición (lactancia materna)", frequency: "Según hallazgos y criterio del profesional" },
{ name: "Tamizaje Hemoglobina", frequency: "Según el riesgo identificado - Una vez" }
],
"Detección temprana": [],
"Protección específica": [
{ name: "Flúor / Profilaxis de Placa", frequency: "Semestral a partir del año de edad" },
{ name: "Sellantes", frequency: "Según criterio del profesional a partir de los 3 años" },
{ name: "Vacunación", frequency: "Según esquema vigente (1M, 2-3M, 4-5M, 9-11M, 12-18M, 3A, 5A)" },
{ name: "Micronutrientes en polvo", frequency: "6-8M, 9-11M, 12-18M" },
{ name: "Micronutrientes", frequency: "A partir de los dos años de edad, dos veces al año" },
{ name: "Suplementación con Hierro*", frequency: "Ver nota al pie" },
{ name: "Desparasitación intestinal antihelmíntica", frequency: "A partir del año de edad, dos veces al año. Junto con la suplementación" }
],
"Educación para la salud": [
{ name: "Educación individual (padres o cuidadores)", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación dirigida a la familia", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a tres ciclos educativos" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a tres ciclos educativos" }
]
}
},
infancia: {
title: "Infancia (6–11 años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Pediatría / Médico Familiar", frequency: "A los 6, 8 y 10 años" },
{ name: "Profesional de Enfermería", frequency: "A los 7, 9 y 11 años" },
{ name: "Odontología", frequency: "Una vez al año" }
],
"Detección temprana": [
{ name: "Tamizaje para anemia - HB y HCTO*", frequency: "Una vez entre los 10 y 13 años" }
],
"Protección específica": [
{ name: "Aplicación de Flúor", frequency: "Dos veces al año (1 por semestre)" },
{ name: "Profilaxis de placa bacteriana", frequency: "Dos veces al año (1 por semestre)" },
{ name: "Sellantes", frequency: "Según necesidad" },
{ name: "Vacunación", frequency: "Según esquema vigente (especialmente a los 9 años)" }
],
"Educación para la salud": [
{ name: "Educación individual", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación a la familia", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a dos ciclos educativos" }
]
}
},
adolescencia: {
title: "Adolescencia (12–17 años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Médico Familiar", frequency: "A los 12, 14 y 16 años" },
{ name: "Profesional Enfermería", frequency: "A los 13, 15 y 17 años" },
{ name: "Odontología", frequency: "Una vez al año" }
],
"Detección temprana": [
{ name: "PBA Rápida Sífilis", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "PBA Rápida VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Asesoría pre y post test VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Tamizaje para anemia - HB y HCTO*", frequency: "Una vez entre los 10 y 13 años; Una vez entre los 14 y 17 años" },
{ name: "Prueba de embarazo", frequency: "En caso de retraso menstrual u otros síntomas o signos de sospecha" }
],
"Protección específica": [
{ name: "Asesoría en PNF", frequency: "Por demanda" },
{ name: "Asesoría en PNF-Control", frequency: "Por demanda" },
{ name: "Inserción DIU", frequency: "Por demanda" },
{ name: "Inserción implante", frequency: "Por demanda" },
{ name: "Anticonceptivos orales e inyectables", frequency: "Por demanda" },
{ name: "Preservativos", frequency: "Por demanda" },
{ name: "Aplicación de Flúor", frequency: "Dos veces al año (1 por semestre)" },
{ name: "Profilaxis placa bacteriana", frequency: "Dos veces al año (1 por semestre)" },
{ name: "Detartraje supragingival", frequency: "Según necesidad" },
{ name: "Aplicación de sellantes", frequency: "Según necesidad" },
{ name: "Vacunación", frequency: "Según esquema vigente" }
],
"Educación para la salud": [
{ name: "Educación individual", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación dirigida a la familia", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a dos ciclos educativos" }
]
}
},
juventud: {
title: "Juventud (18–28 años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Médico Familiar", frequency: "A los 18 y 24 años" },
{ name: "Odontología", frequency: "Una vez cada dos años" }
],
"Detección temprana": [
{ name: "Tamizaje RCV: Glicemia basal, perfil lipídico, creatinina, uroanálisis", frequency: "Según clasificación del riesgo*" },
{ name: "Prueba rápida treponémica", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Asesoría pre y post test VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis B", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis C", frequency: "Una vez en estas edades, cuando se identifique antecedentes de transfusiones de sangre antes de 1996" },
{ name: "Prueba de embarazo", frequency: "En caso de retraso menstrual u otros síntomas o signos de sospecha" },
{ name: "Tamizaje Ca Cuello Uterino (Citología)", frequency: "De los 21 a los 25 años con factores de riesgo; De los 25 a los 30 esquema 1-3-3" },
{ name: "Colposcopia cervico uterina", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Biopsia cervicouterina", frequency: "Según hallazgos de las pruebas de tamización" }
],
"Protección específica": [
{ name: "Asesoría en PNF", frequency: "Por demanda" },
{ name: "Asesoría en PNF-Control", frequency: "Por demanda" },
{ name: "Vasectomía SOD", frequency: "Por demanda" },
{ name: "Pomeroy", frequency: "Por demanda" },
{ name: "Inserción de DIU", frequency: "Por demanda" },
{ name: "Inserción implante", frequency: "Por demanda" },
{ name: "Suministro de AOC e inyectable", frequency: "Por demanda" },
{ name: "Suministro de preservativos", frequency: "Por demanda" },
{ name: "Profilaxis placa bacteriana", frequency: "1 vez cada año" },
{ name: "Detartraje supragingival", frequency: "Según necesidad" },
{ name: "Vacunación", frequency: "Según esquema vigente" }
],
"Educación para la salud": [
{ name: "Educación individual", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación dirigida a la familia", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a dos ciclos educativos" }
]
}
},
adultez: {
title: "Adultez (29–59 años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Médico Familiar", frequency: "Anual" },
{ name: "Odontología", frequency: "Una vez cada dos años" }
],
"Detección temprana": [
{ name: "Tamizaje Ca Cuello Uterino (ADN VPH)", frequency: "De los 30 a los 65 años esquema 1-5-5" },
{ name: "Tamizaje Ca Cuello Uterino (Citología)", frequency: "De los 25 a los 30 años esquema 1-3-3" },
{ name: "Tamizaje Ca Cuello Uterino (VIA VILI)", frequency: "A partir de los 30 hasta los 50 años en zonas rurales dispersas" },
{ name: "Criocauterización de cuello uterino", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Colposcopia cervico uterina", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Biopsia cervico uterina", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Tamizaje Ca Mama (Mamografía)", frequency: "Cada dos años a partir de los 50 años" },
{ name: "Tamizaje Ca Mama (Valoración clínica de la mama)", frequency: "Anual a partir de los 40 años" },
{ name: "Biopsia de mama", frequency: "Según hallazgos de la prueba de tamización" },
{ name: "Tamizaje Ca Próstata (PSA)", frequency: "Cada 5 años a partir de los 50 años" },
{ name: "Tamizaje Ca Próstata (Tacto rectal)", frequency: "Cada 5 años a partir de los 50 años" },
{ name: "Biopsia de próstata", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Tamizaje Ca Colon (Sangre oculta en heces)", frequency: "Cada 2 años a partir de los 50 años" },
{ name: "Colonoscopia*", frequency: "Según resultados prueba de sangre oculta" },
{ name: "Biopsia de colon", frequency: "Según hallazgos endoscópicos" },
{ name: "Tamizaje de RCV (Glicemia basal, perfil lipídico, creatinina, uroanálisis)", frequency: "Quinquenal" },
{ name: "Prueba rápida treponémica", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Asesoría pre y post test VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis B", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis C", frequency: "Una vez en estas edades, cuando se identifique antecedentes de transfusiones de sangre antes de 1996; A partir de los 50 años una vez en la vida" },
{ name: "Prueba de embarazo", frequency: "En caso de retraso menstrual u otros síntomas o signos de sospecha" }
],
"Protección específica": [
{ name: "Asesoría en PNF", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Asesoría en PNF-Control", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Vasectomía SOD", frequency: "Por demanda" },
{ name: "Pomeroy", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Inserción de DIU", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Inserción implante", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Suministro de AOC e inyectable", frequency: "Por demanda hasta los 49 años en mujeres" },
{ name: "Suministro de preservativos", frequency: "Por demanda según parámetros establecidos en el documento de directrices" },
{ name: "Profilaxis placa bacteriana", frequency: "1 vez cada dos años" },
{ name: "Detartraje supragingival", frequency: "Según necesidad" },
{ name: "Vacunación", frequency: "Según esquema vigente" }
],
"Educación para la salud": [
{ name: "Educación individual", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación dirigida a la familia", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a dos ciclos educativos" }
]
}
},
vejez: {
title: "Vejez (60+ años)",
categories: {
"Valoración integral": [
{ name: "Medicina General / Médico Familiar", frequency: "Una vez cada tres años" },
{ name: "Odontología", frequency: "Una vez cada dos años" }
],
"Detección temprana": [
{ name: "Tamizaje Ca Cuello Uterino (Citología)", frequency: "De acuerdo a lo establecido en el procedimiento de tamizaje de cáncer de cuello uterino" },
{ name: "Colposcopia cervico uterina", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Biopsia cervicouterina", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Tamizaje Ca Mama (Mamografía)", frequency: "Cada dos años hasta los 69 años" },
{ name: "Tamizaje Ca Mama (Valoración clínica de la mama)", frequency: "Anual hasta los 69 años" },
{ name: "Biopsia de mama", frequency: "Según hallazgos de la pruebas de tamización" },
{ name: "Tamizaje Ca Próstata (PSA)", frequency: "Cada 5 años hasta los 75 años" },
{ name: "Tamizaje Ca Próstata (Tacto rectal)", frequency: "Cada 5 años hasta los 75 años" },
{ name: "Biopsia de próstata", frequency: "Según hallazgos de las pruebas de tamización" },
{ name: "Tamizaje Ca Colon (Sangre oculta en heces)", frequency: "Cada 2 años hasta los 75 años" },
{ name: "Colonoscopia*", frequency: "Según resultados prueba de sangre oculta" },
{ name: "Biopsia de colon", frequency: "Según hallazgos endoscópicos" },
{ name: "Tamizaje RCV: Glicemia basal, perfil lipídico, creatinina, uroanálisis", frequency: "Quinquenal" },
{ name: "Prueba rápida treponémica", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Asesoría pre y post test VIH", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis B", frequency: "Según exposición al riesgo (relaciones sexuales sin protección)" },
{ name: "Prueba rápida para Hepatitis C", frequency: "A partir de los 50 años una vez en la vida" }
],
"Protección específica": [
{ name: "Asesoría en PNF", frequency: "Por demanda solo para la población masculina" },
{ name: "Asesoría en PNF-Control", frequency: "Por demanda solo para la población masculina" },
{ name: "Vasectomía SOD", frequency: "Por demanda solo para la población masculina" },
{ name: "Suministro de preservativos", frequency: "Por demanda según parámetros establecidos en el documento de directrices" },
{ name: "Profilaxis de placa bacteriana", frequency: "1 vez cada dos años" },
{ name: "Detartraje supragingival", frequency: "Según necesidad" },
{ name: "Vacunación", frequency: "Según esquema vigente" }
],
"Educación para la salud": [
{ name: "Educación individual", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación dirigida a la familia", frequency: "Según valoración y criterio del profesional" },
{ name: "Educación grupal", frequency: "Según valoración y criterio del profesional. Se debe derivar a por lo menos a tres ciclos educativos" }
]
}
}
};
const exploredStages = new Set();
const totalStages = Object.keys(lifeStagesData).length;
const welcomeScreen = document.getElementById('welcomeScreen');
const lifeMapContainer = document.getElementById('lifeMapContainer');
const startBtn = document.getElementById('startBtn');
const backBtn = document.getElementById('backBtn');
const missionsPanel = document.getElementById('missionsPanel');
const panelTitle = document.getElementById('panelTitle');
const missionsContent = document.getElementById('missionsContent');
const celebration = document.getElementById('celebration');
startBtn.addEventListener('click', () => {
welcomeScreen.style.display = 'none';
lifeMapContainer.style.display = 'flex';
});
backBtn.addEventListener('click', () => {
missionsPanel.style.display = 'none';
});
document.querySelectorAll('.life-stage').forEach(stage => {
stage.addEventListener('click', () => {
const stageKey = stage.dataset.stage;
showMissionsPanel(stageKey);
exploredStages.add(stageKey);
if (exploredStages.size === totalStages) {
setTimeout(() => {
celebration.style.display = 'block';
}, 500);
}
});
});
function showMissionsPanel(stageKey) {
const stageData = lifeStagesData[stageKey];
panelTitle.textContent = stageData.title;
let contentHTML = '';
for (const [category, missions] of Object.entries(stageData.categories)) {
if (missions.length > 0) {
contentHTML += `<div class="category">
<h3 class="category-title">${category}</h3>
<div class="mission-list">`;
missions.forEach(mission => {
contentHTML += `
<div class="mission-card">
<div class="mission-name">${mission.name}</div>
<div class="mission-frequency">${mission.frequency}</div>
</div>`;
});
contentHTML += `</div></div>`;
}
}
missionsContent.innerHTML = contentHTML;
missionsPanel.style.display = 'block';
}
// Accesibilidad
document.querySelectorAll('.life-stage').forEach(el => {
el.setAttribute('tabindex', '0');
el.setAttribute('role', 'button');
el.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
el.click();
}
});
});
backBtn.setAttribute('tabindex', '0');
backBtn.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
backBtn.click();
}
});
</script>
</body>
</html>