Calculadora de Esfuerzo F\u00edsico Comparativo<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n color: #333;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n\n .header {\n background: linear-gradient(45deg, #6699FF 0%, #3399FF 100%);\n color: white;\n padding: 30px;\n text-align: center;\n }\n\n .header h1 {\n font-size: 2.2em;\n margin-bottom: 10px;\n }\n\n .header p {\n font-size: 1.1em;\n opacity: 0.9;\n }\n\n .main-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n padding: 30px;\n }\n\n .input-section {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n border-left: 5px solid #4facfe;\n }\n\n .results-section {\n background: #f8f9fa;\n padding: 25px;\n border-radius: 15px;\n border-left: 5px solid #00f2fe;\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n font-weight: 600;\n margin-bottom: 8px;\n color: #495057;\n }\n\n input, select {\n width: 100%;\n padding: 12px;\n border: 2px solid #e9ecef;\n border-radius: 8px;\n font-size: 16px;\n transition: border-color 0.3s ease;\n }\n\n input:focus, select:focus {\n outline: none;\n border-color: #4facfe;\n box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);\n }\n\n .activity-buttons {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .activity-btn {\n background: white;\n border: 2px solid #dee2e6;\n border-radius: 12px;\n padding: 15px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 14px;\n font-weight: 500;\n }\n\n .activity-btn:hover {\n border-color: #4facfe;\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(79, 172, 254, 0.2);\n }\n\n .activity-btn.active {\n background: #4facfe;\n color: white;\n border-color: #4facfe;\n }\n\n .results-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 4px solid #28a745;\n }\n\n .metric {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n padding: 10px;\n background: #f8f9fa;\n border-radius: 8px;\n }\n\n .metric-label {\n font-weight: 600;\n color: #495057;\n }\n\n .metric-value {\n font-size: 1.2em;\n font-weight: bold;\n color: #007bff;\n }\n\n .effort-bar {\n width: 100%;\n height: 30px;\n background: #e9ecef;\n border-radius: 15px;\n overflow: hidden;\n margin: 20px 0;\n }\n\n .effort-fill {\n height: 100%;\n background: linear-gradient(45deg, #28a745, #20c997);\n border-radius: 15px;\n transition: width 0.5s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n }\n\n .comparison-chart {\n margin-top: 20px;\n }\n\n .chart-bar {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .chart-label {\n width: 150px;\n font-size: 12px;\n font-weight: 500;\n color: #495057;\n }\n\n .chart-bar-fill {\n height: 25px;\n background: linear-gradient(45deg, #667eea, #764ba2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-right: 10px;\n color: white;\n font-weight: bold;\n font-size: 12px;\n min-width: 50px;\n }\n\n .info-box {\n background: #e7f3ff;\n border: 1px solid #bee5eb;\n border-radius: 8px;\n padding: 15px;\n margin-top: 20px;\n }\n\n .info-box h4 {\n color: #0c5460;\n margin-bottom: 10px;\n }\n\n .info-box p {\n color: #0c5460;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .comparison-section {\n background: #fff3cd;\n border: 2px solid #ffeaa7;\n border-radius: 15px;\n padding: 25px;\n margin-top: 30px;\n }\n\n .comparison-section h3 {\n color: #856404;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .comparison-cards {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .comparison-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n border: 2px solid #e9ecef;\n }\n\n .comparison-card.disability {\n border-color: #dc3545;\n background: linear-gradient(135deg, #fff5f5, #white);\n }\n\n .comparison-card.normal {\n border-color: #28a745;\n background: linear-gradient(135deg, #f8fff8, #white);\n }\n\n .comparison-card h4 {\n margin-bottom: 15px;\n font-size: 1.1em;\n }\n\n .comparison-card .big-number {\n font-size: 2.5em;\n font-weight: bold;\n margin: 10px 0;\n }\n\n .comparison-card.disability .big-number {\n color: #dc3545;\n }\n\n .comparison-card.normal .big-number {\n color: #28a745;\n }\n\n .comparison-result {\n background: #f8f9fa;\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n border-left: 5px solid #6f42c1;\n }\n\n .comparison-result h4 {\n color: #6f42c1;\n margin-bottom: 15px;\n }\n\n .effort-multiplier {\n font-size: 2em;\n font-weight: bold;\n color: #6f42c1;\n margin: 10px 0;\n }\n\n @media (max-width: 768px) {\n .main-content {\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 20px;\n }\n\n .header h1 {\n font-size: 1.8em;\n }\n\n .activity-buttons {\n grid-template-columns: 1fr;\n }\n\n .chart-label {\n width: 120px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83c\udfc3\u200d\u2642\ufe0f Calculadora de Esfuerzo F\u00edsico Comparativo<\/h1>\n <p>Herramienta para valorar y comparar el esfuerzo f\u00edsico de personas con diferentes capacidades de movilidad<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"input-section\">\n <h3>\ud83d\udcca Datos Personales<\/h3>\n \n <div class=\"form-group\">\n <label for=\"peso\">Peso (kg):<\/label>\n <input type=\"number\" id=\"peso\" value=\"70\" min=\"30\" max=\"200\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"edad\">Edad (a\u00f1os):<\/label>\n <input type=\"number\" id=\"edad\" value=\"35\" min=\"10\" max=\"100\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"sexo\">Sexo:<\/label>\n <select id=\"sexo\">\n <option value=\"masculino\">Masculino<\/option>\n <option value=\"femenino\">Femenino<\/option>\n <\/select>\n <\/div>\n\n <h3>\ud83d\udeb6\u200d\u2640\ufe0f Tipo de Actividad<\/h3>\n \n <div class=\"activity-buttons\">\n <button class=\"activity-btn\" data-activity=\"caminata_normal\">\n \ud83d\udeb6\u200d\u2642\ufe0f Caminata Normal<br>\n <small>(Persona sin discapacidad)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"barras_paralelas_leve\">\n \ud83c\udfcb\ufe0f\u200d\u2642\ufe0f Barras Paralelas<br>\n <small>(Grado Leve)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"barras_paralelas_moderado\">\n \ud83c\udfcb\ufe0f\u200d\u2640\ufe0f Barras Paralelas<br>\n <small>(Grado Moderado)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"barras_paralelas_severo\">\n \ud83c\udfcb\ufe0f\u200d\u2642\ufe0f Barras Paralelas<br>\n <small>(Grado Severo)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"caminata_ancianos\">\n \ud83d\udc74 Caminata de Adultos<br>\n <small>(Mayor +65 a\u00f1os)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"muletas\">\n \ud83e\ude7c Caminar con Muletas<br>\n <small>(Apoyo bilateral)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"andadera\">\n \ud83d\udeb6\u200d\u2640\ufe0f Caminar con Andadera<br>\n <small>(Walker)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"baston\">\n \ud83e\uddaf Caminar con Bast\u00f3n<br>\n <small>(Apoyo unilateral)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"silla_ruedas\">\n \u267f Silla de Ruedas<br>\n <small>(Propulsi\u00f3n manual)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"paseo_perro\">\n \ud83d\udc15 Paseo con Perro<br>\n <small>(Ritmo tranquilo)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"empujar_silla_nino\">\n \ud83d\udc76\u267f Empujar Silla - Ni\u00f1o<br>\n <small>(15-25 kg)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"empujar_silla_adolescente\">\n \ud83e\uddd2\u267f Empujar Silla - Adolescente<br>\n <small>(40-60 kg)<\/small>\n <\/button>\n <button class=\"activity-btn\" data-activity=\"empujar_silla_adulto\">\n \ud83e\uddd1\u267f Empujar Silla - Adulto<br>\n <small>(60-80 kg)<\/small>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"results-section\">\n <h3>\ud83d\udcc8 Resultados del C\u00e1lculo<\/h3>\n \n <div class=\"results-card\">\n <div class=\"metric\">\n <span class=\"metric-label\">Actividad Seleccionada:<\/span>\n <span class=\"metric-value\" id=\"actividad-actual\">Ninguna<\/span>\n <\/div>\n \n <div class=\"metric\">\n <span class=\"metric-label\">Gasto Cal\u00f3rico (1 km):<\/span>\n <span class=\"metric-value\" id=\"calorias-gastadas\">-- kcal<\/span>\n <\/div>\n \n <div class=\"metric\">\n <span class=\"metric-label\">Tiempo Estimado (1 km):<\/span>\n <span class=\"metric-value\" id=\"tiempo-estimado\">-- min<\/span>\n <\/div>\n \n <div class=\"metric\">\n <span class=\"metric-label\">% del Esfuerzo Base:<\/span>\n <span class=\"metric-value\" id=\"porcentaje-esfuerzo\">--%<\/span>\n <\/div>\n\n <div class=\"effort-bar\">\n <div class=\"effort-fill\" id=\"barra-esfuerzo\" style=\"width: 0%\">0%<\/div>\n <\/div>\n <\/div>\n\n <h4>\ud83d\udcca Comparativa Visual<\/h4>\n <div class=\"comparison-chart\" id=\"grafico-comparativo\">\n \n <\/div>\n\n <div class=\"comparison-section\">\n <h3>\u2696\ufe0f Comparativa: Persona con Discapacidad vs. Sin Discapacidad<\/h3>\n \n <div class=\"comparison-cards\">\n <div class=\"comparison-card disability\">\n <h4>\ud83e\uddbd Persona con Discapacidad<\/h4>\n <div class=\"big-number\" id=\"calorias-discapacidad\">--<\/div>\n <div>kcal por 1 km<\/div>\n <div style=\"font-size: 12px; margin-top: 10px; color: #6c757d;\">\n <span id=\"tiempo-discapacidad\">-- min<\/span>\n <\/div>\n <\/div>\n \n <div class=\"comparison-card normal\">\n <h4>\ud83d\udeb6\u200d\u2642\ufe0f Persona Sin Discapacidad<\/h4>\n <div class=\"big-number\" id=\"calorias-normal\">--<\/div>\n <div>kcal por 1 km<\/div>\n <div style=\"font-size: 12px; margin-top: 10px; color: #6c757d;\">\n 12 min (5 km\/h)\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"comparison-result\">\n <h4>\ud83d\udcaa Esfuerzo Relativo<\/h4>\n <div class=\"effort-multiplier\" id=\"multiplicador-esfuerzo\">--x<\/div>\n <div id=\"texto-comparativo\">\n Selecciona una actividad para ver la comparaci\u00f3n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-box\">\n <h4>\u2139\ufe0f Informaci\u00f3n Importante<\/h4>\n <p id=\"info-actividad\">\n Selecciona una actividad para ver el an\u00e1lisis detallado del esfuerzo f\u00edsico comparativo.\n Los c\u00e1lculos se basan en investigaci\u00f3n cient\u00edfica sobre gasto energ\u00e9tico.\n <\/p>\n <div id=\"info-extra\" style=\"margin-top: 10px; font-size: 12px; color: #6c757d;\">\n <strong>Metodolog\u00eda:<\/strong> Los c\u00e1lculos consideran el gasto cal\u00f3rico para recorrer exactamente 1 km de distancia. \n Para actividades con velocidad reducida, se incluye el tiempo adicional requerido y el esfuerzo biomec\u00e1nico espec\u00edfico.\n <br><br>\n <strong>Comparativa de Discapacidad:<\/strong> La secci\u00f3n amarilla muestra directamente cu\u00e1ntas veces m\u00e1s energ\u00eda \n requiere una persona con discapacidad comparado con una persona sin discapacidad para la misma distancia.\n <br><br>\n <strong>Empujar silla de ruedas:<\/strong> Se considera velocidad reducida (2.5-3 km\/h vs 5 km\/h normal), \n peso adicional transportado y mayor esfuerzo de propulsi\u00f3n.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Datos de gasto cal\u00f3rico por actividad (kcal\/km basado en investigaci\u00f3n cient\u00edfica)\n const actividadesData = {\n caminata_normal: {\n nombre: \"Caminata Normal\",\n factor: 1.0, \/\/ Base de referencia\n descripcion: \"Caminata a velocidad normal (5 km\/h) en terreno plano para persona sin discapacidad.\",\n icono: \"\ud83d\udeb6\u200d\u2642\ufe0f\"\n },\n barras_paralelas_leve: {\n nombre: \"Barras Paralelas (Leve)\",\n factor: 2.5,\n descripcion: \"Ejercicio de rehabilitaci\u00f3n con apoyo en barras paralelas, dificultad leve.\",\n icono: \"\ud83c\udfcb\ufe0f\u200d\u2642\ufe0f\"\n },\n barras_paralelas_moderado: {\n nombre: \"Barras Paralelas (Moderado)\",\n factor: 3.8,\n descripcion: \"Ejercicio de rehabilitaci\u00f3n con apoyo en barras paralelas, dificultad moderada.\",\n icono: \"\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f\"\n },\n barras_paralelas_severo: {\n nombre: \"Barras Paralelas (Severo)\",\n factor: 5.2,\n descripcion: \"Ejercicio de rehabilitaci\u00f3n con apoyo en barras paralelas, dificultad severa.\",\n icono: \"\ud83c\udfcb\ufe0f\u200d\u2642\ufe0f\"\n },\n caminata_ancianos: {\n nombre: \"Caminata de Adulto Mayor\",\n factor: 1.8,\n descripcion: \"Caminata adaptada para adultos mayores de 65 a\u00f1os con ritmo pausado.\",\n icono: \"\ud83d\udc74\"\n },\n muletas: {\n nombre: \"Caminar con Muletas\",\n factor: 4.2,\n descripcion: \"Desplazamiento con apoyo de muletas bilaterales en terreno plano.\",\n icono: \"\ud83e\ude7c\"\n },\n andadera: {\n nombre: \"Caminar con Andadera\",\n factor: 3.1,\n descripcion: \"Desplazamiento con apoyo de andadera (walker) en terreno plano.\",\n icono: \"\ud83d\udeb6\u200d\u2640\ufe0f\"\n },\n baston: {\n nombre: \"Caminar con Bast\u00f3n\",\n factor: 1.6,\n descripci\u00f3n: \"Desplazamiento con apoyo de bast\u00f3n unilateral.\",\n icono: \"\ud83e\uddaf\"\n },\n silla_ruedas: {\n nombre: \"Silla de Ruedas\",\n factor: 2.3,\n descripcion: \"Desplazamiento en silla de ruedas manual en terreno plano.\",\n icono: \"\u267f\"\n },\n paseo_perro: {\n nombre: \"Paseo con Perro\",\n factor: 1.3,\n descripcion: \"Caminata tranquila acompa\u00f1ado de perro gu\u00eda o de compa\u00f1\u00eda.\",\n icono: \"\ud83d\udc15\"\n },\n empujar_silla_nino: {\n nombre: \"Empujar Silla - Ni\u00f1o\",\n factor: 1.8,\n descripcion: \"Empujar silla de ruedas con ni\u00f1o (15-25 kg) en terreno plano. Velocidad reducida ~3 km\/h.\",\n icono: \"\ud83d\udc76\u267f\"\n },\n empujar_silla_adolescente: {\n nombre: \"Empujar Silla - Adolescente\",\n factor: 2.2,\n descripcion: \"Empujar silla de ruedas con adolescente (40-60 kg) en terreno plano. Velocidad reducida ~2.8 km\/h.\",\n icono: \"\ud83e\uddd2\u267f\"\n },\n empujar_silla_adulto: {\n nombre: \"Empujar Silla - Adulto\",\n factor: 2.6,\n descripcion: \"Empujar silla de ruedas con adulto (60-80 kg) en terreno plano. Velocidad reducida ~2.5 km\/h.\",\n icono: \"\ud83e\uddd1\u267f\"\n }\n };\n\n let actividadActual = null;\n\n \/\/ Funci\u00f3n para calcular metabolismo basal\n function calcularMetabolismoBasal(peso, edad, sexo) {\n if (sexo === 'masculino') {\n return 88.362 + (13.397 * peso) + (4.799 * 170) - (5.677 * edad);\n } else {\n return 447.593 + (9.247 * peso) + (3.098 * 160) - (4.330 * edad);\n }\n }\n\n \/\/ Funci\u00f3n para calcular gasto cal\u00f3rico por actividad (para 1 km de distancia)\n function calcularGastoCalorico(actividad, peso, edad, sexo) {\n \/\/ C\u00e1lculo base: calor\u00edas por km para caminata normal\n \/\/ F\u00f3rmula aproximada: 0.5 kcal\/kg\/km para caminata normal\n const caloriasPorKgKm = 0.5;\n const caloriaBase = peso * caloriasPorKgKm; \/\/ Calor\u00edas para 1 km caminando\n \n const factor = actividadesData[actividad].factor;\n \n \/\/ Para empujar silla de ruedas, considerar velocidad reducida y esfuerzo adicional\n if (actividad.includes('empujar_silla')) {\n const pesoAdicional = actividad.includes('nino') ? 20 : \n actividad.includes('adolescente') ? 50 : 70;\n \n \/\/ El esfuerzo aumenta por:\n \/\/ 1. Peso adicional transportado\n \/\/ 2. Velocidad reducida (m\u00e1s tiempo para 1 km)\n \/\/ 3. Esfuerzo biomec\u00e1nico de empujar\n const factorPeso = 1 + (pesoAdicional \/ peso) * 0.4;\n const factorVelocidad = actividad.includes('nino') ? 1.2 : \n actividad.includes('adolescente') ? 1.3 : 1.4; \/\/ M\u00e1s lento = m\u00e1s tiempo\n \n return Math.round(caloriaBase * factor * factorPeso * factorVelocidad);\n }\n \n \/\/ Para otras actividades con velocidad reducida\n if (actividad === 'caminata_ancianos' || actividad === 'muletas' || \n actividad === 'andadera' || actividad.includes('barras_paralelas')) {\n const factorTiempo = actividad === 'caminata_ancianos' ? 1.3 :\n actividad === 'muletas' ? 2.0 :\n actividad === 'andadera' ? 1.8 :\n actividad.includes('leve') ? 1.5 :\n actividad.includes('moderado') ? 2.2 : 2.8;\n \n return Math.round(caloriaBase * factor * factorTiempo);\n }\n \n return Math.round(caloriaBase * factor);\n }\n\n \/\/ Funci\u00f3n para calcular tiempo estimado para 1 km\n function calcularTiempoEstimado(actividad) {\n const velocidades = {\n caminata_normal: 5.0,\n barras_paralelas_leve: 2.0,\n barras_paralelas_moderado: 1.5,\n barras_paralelas_severo: 1.0,\n caminata_ancianos: 3.5,\n muletas: 2.5,\n andadera: 3.0,\n baston: 4.0,\n silla_ruedas: 4.5,\n paseo_perro: 4.0,\n empujar_silla_nino: 3.0,\n empujar_silla_adolescente: 2.8,\n empujar_silla_adulto: 2.5\n };\n \n const velocidadKmH = velocidades[actividad] || 5.0;\n const tiempoHoras = 1 \/ velocidadKmH;\n const tiempoMinutos = Math.round(tiempoHoras * 60);\n \n return tiempoMinutos;\n }\n\n \/\/ Funci\u00f3n para actualizar los resultados\n function actualizarResultados() {\n if (!actividadActual) return;\n\n const peso = parseFloat(document.getElementById('peso').value);\n const edad = parseFloat(document.getElementById('edad').value);\n const sexo = document.getElementById('sexo').value;\n\n const calorias = calcularGastoCalorico(actividadActual, peso, edad, sexo);\n const caloriaBase = calcularGastoCalorico('caminata_normal', peso, edad, sexo);\n const porcentaje = Math.round((calorias \/ caloriaBase) * 100);\n const tiempo = calcularTiempoEstimado(actividadActual);\n\n \/\/ Actualizar elementos de la interfaz\n document.getElementById('actividad-actual').textContent = actividadesData[actividadActual].nombre;\n document.getElementById('calorias-gastadas').textContent = calorias + ' kcal';\n document.getElementById('tiempo-estimado').textContent = tiempo + ' min';\n document.getElementById('porcentaje-esfuerzo').textContent = porcentaje + '%';\n \n \/\/ Actualizar barra de esfuerzo\n const barraEsfuerzo = document.getElementById('barra-esfuerzo');\n const porcentajeVisual = Math.min(porcentaje, 500); \/\/ Limitar para visualizaci\u00f3n\n barraEsfuerzo.style.width = (porcentajeVisual \/ 5) + '%';\n barraEsfuerzo.textContent = porcentaje + '%';\n \n \/\/ Cambiar color de la barra seg\u00fan el esfuerzo\n if (porcentaje <= 100) {\n barraEsfuerzo.style.background = 'linear-gradient(45deg, #28a745, #20c997)';\n } else if (porcentaje <= 200) {\n barraEsfuerzo.style.background = 'linear-gradient(45deg, #ffc107, #ffb300)';\n } else {\n barraEsfuerzo.style.background = 'linear-gradient(45deg, #dc3545, #c82333)';\n }\n\n \/\/ Actualizar informaci\u00f3n\n document.getElementById('info-actividad').textContent = actividadesData[actividadActual].descripcion;\n\n \/\/ Actualizar comparativa persona con\/sin discapacidad\n actualizarComparativaDiscapacidad(calorias, caloriaBase, tiempo);\n\n \/\/ Actualizar gr\u00e1fico comparativo\n actualizarGraficoComparativo(peso, edad, sexo);\n }\n\n \/\/ Funci\u00f3n para actualizar la comparativa de discapacidad\n function actualizarComparativaDiscapacidad(caloriasDiscapacidad, caloriasNormal, tiempoDiscapacidad) {\n document.getElementById('calorias-discapacidad').textContent = caloriasDiscapacidad;\n document.getElementById('calorias-normal').textContent = caloriasNormal;\n document.getElementById('tiempo-discapacidad').textContent = tiempoDiscapacidad + ' min';\n \n const multiplicador = (caloriasDiscapacidad \/ caloriasNormal).toFixed(1);\n document.getElementById('multiplicador-esfuerzo').textContent = multiplicador + 'x';\n \n \/\/ Generar texto comparativo\n let textoComparativo = '';\n const porcentajeExtra = Math.round(((caloriasDiscapacidad \/ caloriasNormal) - 1) * 100);\n \n if (multiplicador == 1.0) {\n textoComparativo = 'La persona realiza el mismo esfuerzo cal\u00f3rico.';\n } else if (multiplicador < 2) {\n textoComparativo = `La persona con discapacidad gasta ${porcentajeExtra}% m\u00e1s energ\u00eda para recorrer la misma distancia.`;\n } else if (multiplicador < 3) {\n textoComparativo = `La persona con discapacidad requiere ${multiplicador} veces m\u00e1s energ\u00eda, equivalente a ${porcentajeExtra}% adicional.`;\n } else {\n textoComparativo = `La persona con discapacidad realiza un esfuerzo ${multiplicador} veces mayor, gastando ${porcentajeExtra}% m\u00e1s energ\u00eda.`;\n }\n \n \/\/ Agregar informaci\u00f3n sobre tiempo si es significativamente diferente\n if (tiempoDiscapacidad > 15) {\n textoComparativo += ` Adem\u00e1s, requiere ${Math.round((tiempoDiscapacidad \/ 12 - 1) * 100)}% m\u00e1s tiempo.`;\n }\n \n document.getElementById('texto-comparativo').textContent = textoComparativo;\n }\n\n \/\/ Funci\u00f3n para actualizar el gr\u00e1fico comparativo\n function actualizarGraficoComparativo(peso, edad, sexo) {\n const grafico = document.getElementById('grafico-comparativo');\n const caloriaBase = calcularGastoCalorico('caminata_normal', peso, edad, sexo);\n \n let html = '';\n \n Object.keys(actividadesData).forEach(key => {\n const actividad = actividadesData[key];\n const calorias = calcularGastoCalorico(key, peso, edad, sexo);\n const porcentaje = Math.round((calorias \/ caloriaBase) * 100);\n const ancho = Math.min(porcentaje, 500) \/ 5; \/\/ Escalar para visualizaci\u00f3n\n \n const isActive = key === actividadActual ? 'style=\"border: 2px solid #007bff;\"' : '';\n \n html += `\n <div class=\"chart-bar\" ${isActive}>\n <div class=\"chart-label\">${actividad.icono} ${actividad.nombre}<\/div>\n <div class=\"chart-bar-fill\" style=\"width: ${ancho}%;\">\n ${porcentaje}%\n <\/div>\n <\/div>\n `;\n });\n \n grafico.innerHTML = html;\n }\n\n \/\/ Event listeners para los botones de actividad\n document.querySelectorAll('.activity-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n \/\/ Remover clase active de todos los botones\n document.querySelectorAll('.activity-btn').forEach(b => b.classList.remove('active'));\n \n \/\/ Agregar clase active al bot\u00f3n actual\n this.classList.add('active');\n \n \/\/ Establecer actividad actual\n actividadActual = this.dataset.activity;\n \n \/\/ Actualizar resultados\n actualizarResultados();\n });\n });\n\n \/\/ Event listeners para inputs\n document.getElementById('peso').addEventListener('input', actualizarResultados);\n document.getElementById('edad').addEventListener('input', actualizarResultados);\n document.getElementById('sexo').addEventListener('change', actualizarResultados);\n\n \/\/ Inicializar con la primera actividad\n document.querySelector('.activity-btn').click();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ed1cb e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"13ed1cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8942cb0 elementor-widget-divider--view-line_icon elementor-view-default elementor-widget-divider--element-align-center jltma-glass-effect-no elementor-widget elementor-widget-divider\" data-id=\"8942cb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon elementor-divider__element\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg><\/div>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c586c6c e-con-full e-flex jltma-glass-effect-no e-con e-parent\" data-id=\"c586c6c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a08434 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"7a08434\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 18pt;\">Herramienta interactiva para calcular el esfuerzo f\u00edsico en personas con discapacidad. Incluye actividades como caminar con andadera o empujar silla de ruedas.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6304464 e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"6304464\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-baa7931 e-con-full e-flex jltma-glass-effect-no e-con e-child\" data-id=\"baa7931\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebfa234 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"ebfa234\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1853\" data-end=\"2323\">La movilidad es un derecho fundamental para todas las personas, y su importancia se magnifica en el contexto de la discapacidad. Las personas con movilidad reducida enfrentan desaf\u00edos diarios que afectan su independencia, bienestar y calidad de vida.<\/p><p data-start=\"1853\" data-end=\"2323\">Actividades cotidianas como caminar con muletas, utilizar una andadera, desplazarse en barras paralelas o empujar una silla de ruedas requieren un esfuerzo f\u00edsico considerable, que se traduce en un mayor gasto cal\u00f3rico.<\/p><p data-start=\"2325\" data-end=\"2635\">Herramientas como la calculadora de esfuerzo en discapacidad permiten estimar este gasto energ\u00e9tico, proporcionando datos valiosos para profesionales de la salud y usuarios. Estos datos son esenciales para dise\u00f1ar programas de rehabilitaci\u00f3n, ajustar planes de alimentaci\u00f3n y mejorar la atenci\u00f3n personalizada.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72ec0b4 e-con-full e-flex jltma-glass-effect-no e-con e-child\" data-id=\"72ec0b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e14ff1 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"5e14ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2637\" data-end=\"3085\">Adem\u00e1s, la movilidad influye directamente en la inclusi\u00f3n social. La falta de accesibilidad en entornos urbanos, como aceras inadecuadas o transporte p\u00fablico inaccesible, limita la participaci\u00f3n de las personas con discapacidad en actividades sociales, laborales y educativas.<\/p><p data-start=\"2637\" data-end=\"3085\">La gran mayor\u00eda de personas (75%) con movilidad reducida renuncian a su vida social debido a las barreras arquitect\u00f3nicas.<\/p><p data-start=\"3087\" data-end=\"3518\">La concientizaci\u00f3n sobre la importancia de la movilidad y la inclusi\u00f3n social es crucial. Iniciativas como programas educativos, campa\u00f1as de sensibilizaci\u00f3n y la implementaci\u00f3n de pol\u00edticas p\u00fablicas inclusivas son pasos fundamentales para garantizar la plena participaci\u00f3n de las personas con discapacidad en la sociedad. Solo a trav\u00e9s de un compromiso colectivo podremos construir entornos m\u00e1s accesibles y equitativos para todos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8737e5c e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"8737e5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71b02d5 jltma-glass-effect-no elementor-widget elementor-widget-ucaddon_post_blocks\" data-id=\"71b02d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_post_blocks.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t\t<link id='font-awesome-css' href='https:\/\/centrodecirugia.org\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/centrodecirugia.org\/wp-content\/plugins\/unlimited-elements-for-elementor\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Post Blocks *\/\n\n\n\n#uc_post_blocks_elementor_71b02d5 {\n display:grid;\n}\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_box\n{\n overflow:hidden;\n}\n\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_image\n{\n overflow:hidden;\n}\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_image img\n{\n width:100%;\n display:block;\n}\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_link a\n{\n display:inline-block;\n text-decoration:none;\n text-align:center;\n}\n\n\n#uc_post_blocks_elementor_71b02d5 .ue-grid-item-meta-data\n{\n display:inlin-flex;\n flex-wrap: wrap;\n}\n\n.ue-grid-item-meta-data\n{\n font-size:12px;\n}\n\n#uc_post_blocks_elementor_71b02d5 .ue-grid-item-meta-data-icon\n{\n line-height:1em;\n}\n\n#uc_post_blocks_elementor_71b02d5 .ue-grid-item-meta-data-icon svg\n{\n width:1em;\n height:1em;\n}\n\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_box{\n display: flex;\n flex-direction: column;\n}\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_content{\n display: flex; flex-grow: 1;\n flex-direction: column;\n}\n#uc_post_blocks_elementor_71b02d5 .ue_post_blocks_link{ margin-top: auto;\n}\n\n.ue-grid-item-category a\n{\n display:inline-block;\n font-size:10px;\n text-transform:uppercase;\n}\n\n\n\n\n<\/style>\n\n<div id=\"uc_post_blocks_elementor_71b02d5\" class=\"ue_post_blocks uc-items-wrapper \" >\n <div class=\"ue_post_blocks_box\">\n <div class=\"ue_post_blocks_image\">\n <a href=\"https:\/\/centrodecirugia.org\/en\/100-ninos-100-historias-paralisis-cerebral\/\" style=\"display:block;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/citas02.jpg\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/citas02.jpg\" alt=\"Agendar cita - #CCEMIAP\" width=\"1280\" height=\"853\"><\/a>\n <\/div>\n <div class=\"ue_post_blocks_content\">\n \n \n \n <div class=\"ue_post_blocks_title\"><a href=\"https:\/\/centrodecirugia.org\/en\/100-ninos-100-historias-paralisis-cerebral\/\">100 Ni\u00f1os - 100 Historias - Par\u00e1lisis Cerebral<\/a><\/div> \n \n \n <div class=\"ue_post_blocks_text\">100 Ni\u00f1os – 100 Historias\nNuestro objetivo es simple pero ambicioso: dar tratamiento a todos los...<\/div> \t<div class=\"ue_post_blocks_link\">\n <a class=\" \" href='https:\/\/centrodecirugia.org\/en\/100-ninos-100-historias-paralisis-cerebral\/'>M\u00e1s Info...<\/a>\n \t<\/div>\n <\/div>\n<\/div>\n<div class=\"ue_post_blocks_box\">\n <div class=\"ue_post_blocks_image\">\n <a href=\"https:\/\/centrodecirugia.org\/en\/caminaporellos\/\" style=\"display:block;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/cpe.jpg\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/cpe.jpg\" alt=\"Camina por ellos - #CCEMIAP #CaminaPorEllos\" width=\"1200\" height=\"630\"><\/a>\n <\/div>\n <div class=\"ue_post_blocks_content\">\n \n \n \n <div class=\"ue_post_blocks_title\"><a href=\"https:\/\/centrodecirugia.org\/en\/caminaporellos\/\">Camina Por Ellos<\/a><\/div> \n \n \n <div class=\"ue_post_blocks_text\">#CaminaPorEllos\nUna marcha solidaria para financiar cirug\u00edas que cambian vidas. Cada paso tuyo es una...<\/div> \t<div class=\"ue_post_blocks_link\">\n <a class=\" \" href='https:\/\/centrodecirugia.org\/en\/caminaporellos\/'>M\u00e1s Info...<\/a>\n \t<\/div>\n <\/div>\n<\/div>\n<div class=\"ue_post_blocks_box\">\n <div class=\"ue_post_blocks_image\">\n <a href=\"https:\/\/centrodecirugia.org\/en\/10-beneficios-de-caminar-trotar-y-correr\/\" style=\"display:block;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/bde.jpg\" src=\"https:\/\/centrodecirugia.org\/wp-content\/uploads\/2025\/09\/bde.jpg\" alt=\"Beneficios del Ejercicio - #CCEMIAP\" width=\"1200\" height=\"630\"><\/a>\n <\/div>\n <div class=\"ue_post_blocks_content\">\n \n \n \n <div class=\"ue_post_blocks_title\"><a href=\"https:\/\/centrodecirugia.org\/en\/10-beneficios-de-caminar-trotar-y-correr\/\">10 Beneficios de Caminar, trotar y correr<\/a><\/div> \n \n \n <div class=\"ue_post_blocks_text\">Mejora tu salud y ayudas a 100 Ni\u00f1os con Par\u00e1lisis Cerebral\nNuestro objetivo es simple pero ambicioso:...<\/div> \t<div class=\"ue_post_blocks_link\">\n <a class=\" \" href='https:\/\/centrodecirugia.org\/en\/10-beneficios-de-caminar-trotar-y-correr\/'>M\u00e1s Info...<\/a>\n \t<\/div>\n <\/div>\n<\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculadora de Esfuerzo F\u00edsico en Discapacidad La calculadora de esfuerzo en discapacidad es una herramienta dise\u00f1ada para estimar el gasto cal\u00f3rico asociado a diversas actividades de movilidad asistida. Permite calcular el esfuerzo energ\u00e9tico al caminar con muletas, utilizar una andadera, desplazarse en barras paralelas o empujar y usar una silla de ruedas, proporcionando datos \u00fatiles […]<\/p>\n","protected":false},"author":3,"featured_media":12458,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"categories":[50],"tags":[],"class_list":["post-12442","page","type-page","status-publish","has-post-thumbnail","hentry","category-calculadoras"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/pages\/12442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/comments?post=12442"}],"version-history":[{"count":22,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/pages\/12442\/revisions"}],"predecessor-version":[{"id":12534,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/pages\/12442\/revisions\/12534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/media\/12458"}],"wp:attachment":[{"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/media?parent=12442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/categories?post=12442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/centrodecirugia.org\/en\/wp-json\/wp\/v2\/tags?post=12442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}