{"id":6577,"date":"2025-09-22T08:36:57","date_gmt":"2025-09-22T12:36:57","guid":{"rendered":"https:\/\/getfitoapp.com\/?page_id=6577"},"modified":"2025-10-08T23:01:42","modified_gmt":"2025-10-09T03:01:42","slug":"exercise-calories-burned-calculator","status":"publish","type":"page","link":"https:\/\/getfitoapp.com\/es\/tools\/exercise-calories-burned-calculator\/","title":{"rendered":"Calculadora de calor\u00edas quemadas con el ejercicio"},"content":{"rendered":"<div id=\"fws_69e0728ce06db\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-highlighted-text\" data-style=\"full_text\" data-exp=\"default\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\"><h2 style=\"text-align: center\">Calculadora de calor\u00edas quemadas con el ejercicio<\/h2>\n<\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p style=\"text-align: center;\">\u00bfCu\u00e1ntas calor\u00edas se queman durante una sesi\u00f3n de ejercicio?<\/p>\n<p style=\"text-align: center;\">Soporta m\u00e1s de 80 tipos: Caminar, Correr, Ciclismo, Deportes de pelota, Entrenamiento f\u00edsico, Actividades de estudio, Deportes acu\u00e1ticos, Deportes de nieve, Artes marciales.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e0728ce0d96\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Calculadora de calor\u00edas quemadas con el ejercicio<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #ffffff;\n            min-height: 100vh;\n            padding: 20px 10px;\n        }\n        \n        .calculator-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.95);\n            border-radius: 20px;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n        \n        .header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            text-align: center;\n            padding: 20px;\n        }\n        \n        .header h1 {\n            font-size: 2rem;\n            margin: 0;\n            font-weight: 300;\n        }\n        \n        .content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0;\n            min-height: 600px;\n        }\n        \n        .controls {\n            padding: 40px 30px;\n            background: #f8f9fa;\n            border-right: 1px solid #e9ecef;\n            overflow-y: auto;\n            max-height: 700px;\n        }\n        \n        .result-panel {\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n        \n        \/* Wide screen layout for results *\/\n        @media (min-width: 1024px) {\n            .result-panel {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px;\n                align-items: center;\n                text-align: left;\n            }\n            \n            .result-card {\n                grid-column: 1;\n                max-width: none !important;\n            }\n            \n            .calculation-details {\n                grid-column: 2;\n                background: white !important;\n                border-radius: 12px !important;\n                padding: 30px !important;\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            }\n            \n            .result-card .calculation-details {\n                display: none;\n            }\n        }\n        \n        .control-group {\n            margin-bottom: 35px;\n        }\n        \n        .control-group label {\n            display: block;\n            font-weight: 600;\n            color: #F0605C;\n            margin-bottom: 15px;\n            font-size: 1.1rem;\n        }\n        \n        .weight-input, .duration-input {\n            width: 100%;\n            padding: 12px;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            font-size: 1.2rem;\n            text-align: center;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .weight-input:focus, .duration-input:focus {\n            outline: none;\n            border-color: #F0605C;\n            box-shadow: 0 0 0 3px rgba(240, 96, 92, 0.1);\n        }\n        \n        .unit-toggle {\n            display: flex;\n            background: #e9ecef;\n            border-radius: 12px;\n            padding: 4px;\n        }\n        \n        .unit-option {\n            flex: 1;\n            padding: 12px 10px;\n            text-align: center;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border-radius: 8px;\n            min-width: 50px;\n        }\n        \n        .unit-option.active {\n            background: white;\n            color: #F0605C;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .duration-options {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n            margin-bottom: 15px;\n        }\n        \n        .duration-option {\n            padding: 10px;\n            border: 2px solid #e9ecef;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-align: center;\n            background: white;\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n        \n        .duration-option:hover {\n            border-color: #F0605C;\n            transform: translateY(-1px);\n        }\n        \n        .duration-option.selected {\n            border-color: #F0605C;\n            background: rgba(240, 96, 92, 0.1);\n            color: #F0605C;\n        }\n        \n        .exercise-categories {\n            max-height: 300px;\n            overflow-y: auto;\n            border: 2px solid #e9ecef;\n            border-radius: 10px;\n            background: white;\n        }\n        \n        .category-header {\n            background: linear-gradient(45deg, #F0605C, #E5544F);\n            color: white;\n            padding: 12px 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .category-header:hover {\n            background: linear-gradient(45deg, #E5544F, #DA4F4A);\n        }\n        \n        .category-arrow {\n            transition: transform 0.3s ease;\n            font-size: 0.8rem;\n        }\n        \n        .category-arrow.expanded {\n            transform: rotate(180deg);\n        }\n        \n        .category-content {\n            display: none;\n            background: #f8f9fa;\n            padding: 10px;\n        }\n        \n        .category-content.active {\n            display: block;\n        }\n        \n        .exercise-option {\n            padding: 8px 12px;\n            margin: 2px 0;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: white;\n            border: 1px solid #e9ecef;\n        }\n        \n        .exercise-option:hover {\n            background: rgba(240, 96, 92, 0.1);\n            border-color: #F0605C;\n        }\n        \n        .exercise-option.selected {\n            background: rgba(240, 96, 92, 0.2);\n            border-color: #F0605C;\n            color: #F0605C;\n            font-weight: 600;\n        }\n        \n        .exercise-name {\n            flex: 1;\n        }\n        \n        .exercise-met {\n            font-size: 0.8rem;\n            color: #6c757d;\n            font-weight: 600;\n        }\n        \n        .exercise-option.selected .exercise-met {\n            color: #F0605C;\n        }\n        \n        .result-card {\n            background: rgba(240, 96, 92, 0.1);\n            border: 2px solid #F0605C;\n            border-radius: 20px;\n            padding: 40px;\n            max-width: 400px;\n            width: 100%;\n        }\n        \n        .calories-number {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #F0605C;\n            margin-bottom: 10px;\n            line-height: 1;\n        }\n        \n        .calories-label {\n            font-size: 1.2rem;\n            color: #6c757d;\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n        \n        .calculation-details {\n            background: white;\n            border-radius: 12px;\n            padding: 20px;\n            text-align: left;\n        }\n        \n        .detail-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 10px;\n            padding: 5px 0;\n            border-bottom: 1px solid #f0f0f0;\n        }\n        \n        .detail-row:last-child {\n            border-bottom: none;\n            font-weight: 600;\n            color: #F0605C;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 2px solid #F0605C;\n        }\n        \n        .detail-label {\n            color: #6c757d;\n        }\n        \n        .detail-value {\n            font-weight: 600;\n        }\n        \n        .formula-note {\n            font-size: 0.8rem;\n            color: #6c757d;\n            margin-top: 15px;\n            font-style: italic;\n            text-align: center;\n        }\n        \n        @media (max-width: 768px) {\n            .weight-container {\n                flex-direction: column !important;\n                gap: 15px !important;\n            }\n            \n            .weight-input {\n                width: 100% !important;\n            }\n            \n            .content {\n                grid-template-columns: 1fr;\n            }\n            \n            .controls {\n                border-right: none;\n                border-bottom: 1px solid #e9ecef;\n                max-height: none;\n            }\n            \n            .header h1 {\n                font-size: 1.5rem;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(3, 1fr);\n            }\n            \n            .controls, .result-panel {\n                padding: 25px 20px;\n            }\n            \n            .result-card {\n                padding: 25px;\n            }\n            \n            .calories-number {\n                font-size: 2.5rem;\n            }\n            \n            \/* Mobile: single column layout *\/\n            .result-panel {\n                display: flex !important;\n                flex-direction: column !important;\n                text-align: center !important;\n            }\n            \n            .result-card .calculation-details {\n                display: block !important;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            body {\n                padding: 10px 5px;\n            }\n            \n            .duration-options {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .calories-number {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"calculator-container\">\n        <div class=\"content\">\n            <div class=\"controls\">\n                <div class=\"control-group\">\n                    <label>Peso<\/label>\n                    <div class=\"weight-container\" style=\"display: flex; gap: 15px; align-items: flex-end; margin-bottom: 20px;\">\n                        <input type=\"number\" id=\"weight\" class=\"weight-input\" value=\"70\" min=\"30\" max=\"200\" placeholder=\"Introduzca su peso\" style=\"flex: 1;\">\n                        <div class=\"unit-toggle\">\n                            <div class=\"unit-option active\" data-unit=\"kg\">kg<\/div>\n                            <div class=\"unit-option\" data-unit=\"lbs\">lbs<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Duraci\u00f3n (minutos)<\/label>\n                    <div class=\"duration-options\">\n                        <div class=\"duration-option\" data-duration=\"15\">15 minutos<\/div>\n                        <div class=\"duration-option\" data-duration=\"20\">20 minutos<\/div>\n                        <div class=\"duration-option\" data-duration=\"25\">25 min<\/div>\n                        <div class=\"duration-option selected\" data-duration=\"30\">30 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"35\">35 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"40\">40 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"45\">45 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"60\">60 min<\/div>\n                    <\/div>\n                    <input type=\"number\" id=\"duration\" class=\"duration-input\" value=\"30\" min=\"1\" max=\"300\" placeholder=\"O introduzca minutos personalizados\">\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Tipo de ejercicio<\/label>\n                    <div class=\"exercise-categories\" id=\"exerciseCategories\">\n                        <!-- Walking Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Walking')\">\n                                <span>Caminar<\/span>\n                                <span class=\"category-arrow expanded\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content active\" id=\"category-Walking\">\n                                <div class=\"exercise-option selected\" onclick=\"selectExercise('Outdoor Walk', 3)\" data-exercise=\"Outdoor Walk\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Paseo al aire libre<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Walk', 2)\" data-exercise=\"Indoor Walk\" data-met=\"2\">\n                                    <span class=\"exercise-name\">Paseo interior<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hiking', 3)\" data-exercise=\"Hiking\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Senderismo<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Walk', 1.5)\" data-exercise=\"Dog Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Paseo del perro<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('City Walk', 1.5)\" data-exercise=\"City Walk\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Paseo por la ciudad<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Running Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Running')\">\n                                <span>Ejecutar<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Running\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rucking', 4)\" data-exercise=\"Rucking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Rucking<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Run', 8)\" data-exercise=\"Outdoor Run\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Carrera al aire libre<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Run', 7)\" data-exercise=\"Indoor Run\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Carrera cubierta<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Trail Run', 9)\" data-exercise=\"Trail Run\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Carrera por senderos<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dog Run', 5)\" data-exercise=\"Dog Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Corredor para perros<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stroller Run', 5)\" data-exercise=\"Stroller Run\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Carrera de cochecitos<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Spartan Run', 10)\" data-exercise=\"Spartan Run\" data-met=\"10\">\n                                    <span class=\"exercise-name\">Carrera espartana<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Cycling Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Cycling')\">\n                                <span>Ciclismo<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Cycling\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Ride', 6)\" data-exercise=\"Outdoor Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Paseo al aire libre<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Ride', 5)\" data-exercise=\"Indoor Ride\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Recorrido interior<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('E-Bike Ride', 2)\" data-exercise=\"E-Bike Ride\" data-met=\"2\">\n                                    <span class=\"exercise-name\">Paseo en bicicleta el\u00e9ctrica<\/span>\n                                    <span class=\"exercise-met\">MET 2<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Gravel Ride', 8)\" data-exercise=\"Gravel Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Paseo por la grava<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mountain Bike Ride', 8)\" data-exercise=\"Mountain Bike Ride\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Paseo en bicicleta de monta\u00f1a<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('BMX', 6)\" data-exercise=\"BMX\" data-met=\"6\">\n                                    <span class=\"exercise-name\">BMX<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hand Ride', 6)\" data-exercise=\"Hand Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Paseo a mano<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cargo Bike Ride', 6)\" data-exercise=\"Cargo Bike Ride\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Paseo en bicicleta de carga<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Ball Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Ball Sports')\">\n                                <span>Deportes de pelota<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Ball Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Soccer', 7.5)\" data-exercise=\"Soccer\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">F\u00fatbol<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Basketball', 6)\" data-exercise=\"Basketball\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Baloncesto<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rugby', 8)\" data-exercise=\"Rugby\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Rugby<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Golf', 2.5)\" data-exercise=\"Golf\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Golf<\/span>\n                                    <span class=\"exercise-met\">MET 2,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Baseball', 4)\" data-exercise=\"Baseball\" data-met=\"4\">\n                                    <span class=\"exercise-name\">B\u00e9isbol<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tennis', 6)\" data-exercise=\"Tennis\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Tenis<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Volleyball', 5)\" data-exercise=\"Volleyball\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Voleibol<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Bowling', 1.5)\" data-exercise=\"Bowling\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Bolera<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Hockey', 6.5)\" data-exercise=\"Hockey\" data-met=\"6.5\">\n                                    <span class=\"exercise-name\">Hockey<\/span>\n                                    <span class=\"exercise-met\">MET 6,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flag Football', 6)\" data-exercise=\"Flag Football\" data-met=\"6\">\n                                    <span class=\"exercise-name\">F\u00fatbol bandera<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Squash', 7.5)\" data-exercise=\"Squash\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Calabaza<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Badminton', 5)\" data-exercise=\"Badminton\" data-met=\"5\">\n                                    <span class=\"exercise-name\">B\u00e1dminton<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Table Tennis', 4.5)\" data-exercise=\"Table Tennis\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Tenis de mesa<\/span>\n                                    <span class=\"exercise-met\">MET 4,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Handball', 8)\" data-exercise=\"Handball\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Balonmano<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pickleball', 4.5)\" data-exercise=\"Pickleball\" data-met=\"4.5\">\n                                    <span class=\"exercise-name\">Pickleball<\/span>\n                                    <span class=\"exercise-met\">MET 4,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cricket', 3.5)\" data-exercise=\"Cricket\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Cricket<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Lacrosse', 6)\" data-exercise=\"Lacrosse\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Lacrosse<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Fitness Training Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Fitness Training')\">\n                                <span>Entrenamiento f\u00edsico<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Fitness Training\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('HIIT', 10)\" data-exercise=\"HIIT\" data-met=\"10\">\n                                    <span class=\"exercise-name\">HIIT<\/span>\n                                    <span class=\"exercise-met\">MET 10<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Crossfit', 7)\" data-exercise=\"Crossfit\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Crossfit<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Traditional Strength Training', 3.5)\" data-exercise=\"Traditional Strength Training\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Entrenamiento de fuerza tradicional<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Functional Strength Training', 4)\" data-exercise=\"Functional Strength Training\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Entrenamiento de fuerza funcional<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Core Training', 2.5)\" data-exercise=\"Core Training\" data-met=\"2.5\">\n                                    <span class=\"exercise-name\">Formaci\u00f3n b\u00e1sica<\/span>\n                                    <span class=\"exercise-met\">MET 2,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mixed Cardio', 7)\" data-exercise=\"Mixed Cardio\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Cardio Mixto<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Jump Rope', 8)\" data-exercise=\"Jump Rope\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Saltar a la comba<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Elliptical', 6)\" data-exercise=\"Elliptical\" data-met=\"6\">\n                                    <span class=\"exercise-name\">El\u00edptica<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stair Climbing', 7)\" data-exercise=\"Stair Climbing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Subir escaleras<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Stairs', 7.5)\" data-exercise=\"Stairs\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Escaleras<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Flexibility', 1.5)\" data-exercise=\"Flexibility\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Flexibilidad<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Studio Activities Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Studio Activities')\">\n                                <span>Actividades de estudio<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Studio Activities\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Yoga', 1.5)\" data-exercise=\"Yoga\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Yoga<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Dance', 5.5)\" data-exercise=\"Dance\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">Danza<\/span>\n                                    <span class=\"exercise-met\">MET 5,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pilates', 3)\" data-exercise=\"Pilates\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Pilates<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Mind & Body', 0.5)\" data-exercise=\"Mind & Body\" data-met=\"0.5\">\n                                    <span class=\"exercise-name\">Cuerpo y mente<\/span>\n                                    <span class=\"exercise-met\">MET 0,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Water Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Water Sports')\">\n                                <span>Deportes acu\u00e1ticos<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Water Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Pool Swim', 7)\" data-exercise=\"Pool Swim\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Nataci\u00f3n en piscina<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Swim', 8)\" data-exercise=\"Outdoor Swim\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Nataci\u00f3n al aire libre<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Surfing', 4)\" data-exercise=\"Surfing\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Surf<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Sailing', 3.5)\" data-exercise=\"Sailing\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Vela<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kayaking', 4)\" data-exercise=\"Kayaking\" data-met=\"4\">\n                                    <span class=\"exercise-name\">Kayak<\/span>\n                                    <span class=\"exercise-met\">MET 4<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Rowing', 5)\" data-exercise=\"Rowing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Remo<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Paddle', 5)\" data-exercise=\"Paddle\" data-met=\"5\">\n                                    <span class=\"exercise-name\">P\u00e1del<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Water Sports', 3)\" data-exercise=\"Water Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Deportes acu\u00e1ticos<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Snow Sports Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Snow Sports')\">\n                                <span>Deportes de nieve<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Snow Sports\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Downhill Skiing', 5)\" data-exercise=\"Downhill Skiing\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Esqu\u00ed alpino<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snowboard', 5)\" data-exercise=\"Snowboard\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Snowboard<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cross Country Skiing', 8)\" data-exercise=\"Cross Country Skiing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Esqu\u00ed de fondo<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Outdoor Skating', 6)\" data-exercise=\"Outdoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Patinaje al aire libre<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Indoor Skating', 6)\" data-exercise=\"Indoor Skating\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Patinaje en pista cubierta<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Snow Sports', 3)\" data-exercise=\"Snow Sports\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Deportes de nieve<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Martial Arts Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Martial Arts')\">\n                                <span>Artes marciales<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Martial Arts\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Kickboxing', 7)\" data-exercise=\"Kickboxing\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Kickboxing<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Boxing', 7.5)\" data-exercise=\"Boxing\" data-met=\"7.5\">\n                                    <span class=\"exercise-name\">Boxeo<\/span>\n                                    <span class=\"exercise-met\">MET 7,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wrestling', 6)\" data-exercise=\"Wrestling\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Lucha<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Martial Arts', 7)\" data-exercise=\"Martial Arts\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Artes marciales<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Tai Chi', 3.5)\" data-exercise=\"Tai Chi\" data-met=\"3.5\">\n                                    <span class=\"exercise-name\">Tai Chi<\/span>\n                                    <span class=\"exercise-met\">MET 3,5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Other Category -->\n                        <div class=\"category\">\n                            <div class=\"category-header\" onclick=\"toggleCategory('Other')\">\n                                <span>Otros<\/span>\n                                <span class=\"category-arrow\">\u25bc<\/span>\n                            <\/div>\n                            <div class=\"category-content\" id=\"category-Other\">\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fishing', 1.5)\" data-exercise=\"Fishing\" data-met=\"1.5\">\n                                    <span class=\"exercise-name\">Pesca<\/span>\n                                    <span class=\"exercise-met\">MET 1,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Disc Sports', 6)\" data-exercise=\"Disc Sports\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Deportes de disco<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Skateboarding', 7)\" data-exercise=\"Skateboarding\" data-met=\"7\">\n                                    <span class=\"exercise-name\">Monopat\u00edn<\/span>\n                                    <span class=\"exercise-met\">MET 7<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Climbing', 8)\" data-exercise=\"Climbing\" data-met=\"8\">\n                                    <span class=\"exercise-name\">Escalada<\/span>\n                                    <span class=\"exercise-met\">MET 8<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Equestrian Sports', 5)\" data-exercise=\"Equestrian Sports\" data-met=\"5\">\n                                    <span class=\"exercise-name\">Deportes ecuestres<\/span>\n                                    <span class=\"exercise-met\">MET 5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Cheerleading', 3)\" data-exercise=\"Cheerleading\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Animadoras<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Parkour', 9)\" data-exercise=\"Parkour\" data-met=\"9\">\n                                    <span class=\"exercise-name\">Parkour<\/span>\n                                    <span class=\"exercise-met\">MET 9<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Archery', 3)\" data-exercise=\"Archery\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Tiro con arco<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fencing', 6)\" data-exercise=\"Fencing\" data-met=\"6\">\n                                    <span class=\"exercise-name\">Esgrima<\/span>\n                                    <span class=\"exercise-met\">MET 6<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Wheelchair', 3)\" data-exercise=\"Wheelchair\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Silla de ruedas<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Other', 3)\" data-exercise=\"Other\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Otros<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Fitness Gaming', 5.5)\" data-exercise=\"Fitness Gaming\" data-met=\"5.5\">\n                                    <span class=\"exercise-name\">Juegos de fitness<\/span>\n                                    <span class=\"exercise-met\">MET 5,5<\/span>\n                                <\/div>\n                                <div class=\"exercise-option\" onclick=\"selectExercise('Eight Brocades', 3)\" data-exercise=\"Eight Brocades\" data-met=\"3\">\n                                    <span class=\"exercise-name\">Ocho brocados<\/span>\n                                    <span class=\"exercise-met\">MET 3<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"result-panel\">\n                <div class=\"result-card\">\n                    <div class=\"calories-number\" id=\"caloriesNumber\">315<\/div>\n                    <div class=\"calories-label\">calor\u00edas quemadas<\/div>\n                    <div class=\"calculation-details\">\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Ejercicio:<\/span>\n                            <span class=\"detail-value\" id=\"exerciseName\">Paseo al aire libre<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Valor MET:<\/span>\n                            <span class=\"detail-value\" id=\"metValue\">3.0<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Peso:<\/span>\n                            <span class=\"detail-value\" id=\"weightDisplay\">70 kg<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Duraci\u00f3n:<\/span>\n                            <span class=\"detail-value\" id=\"durationDisplay\">30 min<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Calor\u00edas quemadas:<\/span>\n                            <span class=\"detail-value\" id=\"caloriesDisplay\">315 cal<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Wide screen calculation details panel -->\n                <div class=\"calculation-details\" style=\"display: none;\">\n                    <h3 style=\"color: #F0605C; margin-bottom: 20px; font-size: 1.3rem;\">Detalles del c\u00e1lculo<\/h3>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Ejercicio:<\/span>\n                        <span class=\"detail-value\" id=\"exerciseNameWide\">Paseo al aire libre<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Valor MET:<\/span>\n                        <span class=\"detail-value\" id=\"metValueWide\">3.0<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Peso:<\/span>\n                        <span class=\"detail-value\" id=\"weightDisplayWide\">70 kg<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Duraci\u00f3n:<\/span>\n                        <span class=\"detail-value\" id=\"durationDisplayWide\">30 min<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Calor\u00edas quemadas:<\/span>\n                        <span class=\"detail-value\" id=\"caloriesDisplayWide\">315 cal<\/span>\n                    <\/div>\n                    <div class=\"formula-note\">\n                        S\u00f3lo como referencia. MET es el valor medio. Como la intensidad del ejercicio var\u00eda, el consumo real de energ\u00eda tambi\u00e9n cambiar\u00e1. El uso de un dispositivo con monitorizaci\u00f3n de la frecuencia cardiaca proporcionar\u00e1 datos m\u00e1s precisos.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentExercise = \"Outdoor Walk\";\n        let currentMET = 3;\n        let currentDuration = 30;\n        let currentWeightUnit = \"kg\";\n\n        function toggleCategory(category) {\n            const content = document.getElementById(`category-${category}`);\n            const arrow = content.previousElementSibling.querySelector('.category-arrow');\n            \n            content.classList.toggle('active');\n            arrow.classList.toggle('expanded');\n        }\n\n        function selectExercise(exercise, met) {\n            \/\/ Remove previous selection\n            document.querySelectorAll('.exercise-option').forEach(option => {\n                option.classList.remove('selected');\n            });\n            \n            \/\/ Add selection to clicked option\n            event.target.closest('.exercise-option').classList.add('selected');\n            \n            currentExercise = exercise;\n            currentMET = met;\n            calculateCalories();\n        }\n\n        \/\/ Weight unit selection\n        document.querySelectorAll('.unit-option').forEach(option => {\n            option.addEventListener('click', function() {\n                const oldUnit = currentWeightUnit;\n                const newUnit = this.dataset.unit;\n                \n                if (oldUnit !== newUnit) {\n                    document.querySelectorAll('.unit-option').forEach(opt => opt.classList.remove('active'));\n                    this.classList.add('active');\n                    currentWeightUnit = newUnit;\n                    \n                    \/\/ Convert weight value\n                    const weightInput = document.getElementById('weight');\n                    let currentWeight = parseFloat(weightInput.value) || (newUnit === 'kg' ? 70 : 154);\n                    \n                    if (oldUnit === 'kg' && newUnit === 'lbs') {\n                        \/\/ kg to lbs\n                        currentWeight = Math.round(currentWeight * 2.20462);\n                        weightInput.min = \"66\"; \/\/ 30 kg in lbs\n                        weightInput.max = \"441\"; \/\/ 200 kg in lbs\n                    } else if (oldUnit === 'lbs' && newUnit === 'kg') {\n                        \/\/ lbs to kg\n                        currentWeight = Math.round(currentWeight \/ 2.20462);\n                        weightInput.min = \"30\";\n                        weightInput.max = \"200\";\n                    }\n                    \n                    weightInput.value = currentWeight;\n                    calculateCalories();\n                }\n            });\n        });\n        \n        document.querySelectorAll('.duration-option').forEach(option => {\n            option.addEventListener('click', function() {\n                document.querySelectorAll('.duration-option').forEach(opt => opt.classList.remove('selected'));\n                this.classList.add('selected');\n                currentDuration = parseInt(this.dataset.duration);\n                document.getElementById('duration').value = currentDuration;\n                calculateCalories();\n            });\n        });\n\n        \/\/ Custom duration input\n        document.getElementById('duration').addEventListener('input', function() {\n            currentDuration = parseInt(this.value) || 30;\n            \/\/ Update duration options selection\n            document.querySelectorAll('.duration-option').forEach(opt => {\n                opt.classList.remove('selected');\n                if (parseInt(opt.dataset.duration) === currentDuration) {\n                    opt.classList.add('selected');\n                }\n            });\n            setTimeout(calculateCalories, 100);\n        });\n\n        \/\/ Weight input\n        document.getElementById('weight').addEventListener('input', function() {\n            setTimeout(calculateCalories, 100);\n        });\n\n        function calculateCalories() {\n            let weight = parseFloat(document.getElementById('weight').value) || (currentWeightUnit === 'kg' ? 70 : 154);\n            const duration = currentDuration;\n            const met = currentMET;\n            \n            \/\/ Convert weight to kg if in lbs\n            let weightInKg = weight;\n            if (currentWeightUnit === 'lbs') {\n                weightInKg = weight \/ 2.20462;\n            }\n            \n            \/\/ Formula: MET \u00d7 Weight(kg) \u00d7 Duration \u00f7 60\n            const calories = Math.round(met * weightInKg * duration \/ 60);\n            \n            \/\/ Update display for both mobile and wide screens\n            document.getElementById('caloriesNumber').textContent = calories;\n            document.getElementById('exerciseName').textContent = currentExercise;\n            document.getElementById('metValue').textContent = met.toFixed(1);\n            document.getElementById('weightDisplay').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplay').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplay').textContent = `${calories} cal`;\n            \n            \/\/ Update wide screen version\n            document.getElementById('exerciseNameWide').textContent = currentExercise;\n            document.getElementById('metValueWide').textContent = met.toFixed(1);\n            document.getElementById('weightDisplayWide').textContent = `${weight} ${currentWeightUnit}`;\n            document.getElementById('durationDisplayWide').textContent = `${duration} min`;\n            document.getElementById('caloriesDisplayWide').textContent = `${calories} cal`;\n        }\n\n        \/\/ Show\/hide wide screen layout\n        function updateLayout() {\n            const wideDetails = document.querySelector('.result-panel > .calculation-details:last-child');\n            if (window.innerWidth >= 1024) {\n                wideDetails.style.display = 'block';\n            } else {\n                wideDetails.style.display = 'none';\n            }\n        }\n\n        \/\/ Initialize\n        calculateCalories();\n        updateLayout();\n        \n        \/\/ Update layout on window resize\n        window.addEventListener('resize', updateLayout);\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e0728ce2461\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading\" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >Como Duolingo pero para Fitness<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito es una aplicaci\u00f3n de seguimiento de carrera gamificada, como <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">Duolingo<\/a> pero para fitness. Y tiene un simp\u00e1tico osito que te acompa\u00f1a en tus entrenamientos en el <a href=\"https:\/\/getfitoapp.com\/es\/tools\/fitness-streak-widgets-and-watch-faces\/\">widgets para la pantalla de inicio<\/a>El objetivo es aumentar la motivaci\u00f3n de los corredores a largo plazo.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta  text_hover_color_FFFFFF alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit\" data-color=\"accent-color\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h3 style=\"color: #FFFFFF;\"><span class=\"link_wrap\" style=\"padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/getfitoapp.com\/es\/\"><span class=\"text\">Pru\u00e9belo ahora<\/span><\/a><\/span><\/h3><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"img-with-aniamtion-wrap\" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n      <div class=\"inner\">\n        <div class=\"hover-wrap\"> \n          <div class=\"hover-wrap-inner\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy\" data-delay=\"0\" height=\"1525\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg\" alt=\"Resumen de la racha de entrenamientos con calendario de rachas, distancias mensuales y recordatorios de mascotas\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg 2560w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-300x179.jpg 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1024x610.jpg 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-768x458.jpg 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1536x915.jpg 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-2048x1220.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Calculadora de calor\u00edas quemadas durante el ejercicio \u00bfCu\u00e1ntas calor\u00edas se queman durante una sesi\u00f3n de ejercicio? Soporta m\u00e1s de 80 tipos: Caminar, Correr, Ciclismo, Deportes de pelota, Entrenamiento f\u00edsico, Actividades de estudio, Deportes acu\u00e1ticos,...","protected":false},"author":1,"featured_media":0,"parent":6528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[39],"class_list":{"0":"post-6577","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages\/6577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/comments?post=6577"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages\/6577\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/media?parent=6577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/tags?post=6577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}