{"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\/it\/tools\/exercise-calories-burned-calculator\/","title":{"rendered":"Calcolatore delle calorie bruciate con l'esercizio fisico"},"content":{"rendered":"<div id=\"fws_69e0772d583fa\"  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\">Calcolatore delle calorie bruciate con l'esercizio fisico<\/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;\">Quante calorie vengono bruciate durante una sessione di esercizio?<\/p>\n<p style=\"text-align: center;\">Supporta pi\u00f9 di 80 tipi: Camminata, corsa, ciclismo, sport con la palla, allenamento fitness, attivit\u00e0 in studio, sport acquatici, sport sulla neve, arti marziali.<\/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_69e0772d58f4c\"  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>Calcolatore delle calorie bruciate con l'esercizio fisico<\/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=\"Inserire il proprio 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\">libbre<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Durata (minuti)<\/label>\n                    <div class=\"duration-options\">\n                        <div class=\"duration-option\" data-duration=\"15\">15 min<\/div>\n                        <div class=\"duration-option\" data-duration=\"20\">20 min<\/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=\"Oppure inserire minuti personalizzati\">\n                <\/div>\n                \n                <div class=\"control-group\">\n                    <label>Tipo di esercizio<\/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>Camminare<\/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\">Passeggiata all'aperto<\/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\">Passeggiata al coperto<\/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\">Escursioni<\/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\">Passeggiata con il cane<\/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\">Passeggiata in citt\u00e0<\/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>In corsa<\/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\">Corsa all'aperto<\/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\">Corsa al coperto<\/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\">Corsa su sentiero<\/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\">Pista per cani<\/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\">Corsa con passeggino<\/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\">Corsa spartana<\/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\">Cavalcata all'aperto<\/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\">Corsa al coperto<\/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\">Giro in bicicletta elettrica<\/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\">Giro su ghiaia<\/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\">Giro in mountain bike<\/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\">Cavalcata 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\">Giro in bicicletta Cargo<\/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>Sport con la palla<\/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\">Calcio<\/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\">Pallacanestro<\/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\">Il 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\">Baseball<\/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\">Tennis<\/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\">Pallavolo<\/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\">Bowling<\/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\">Flag Football<\/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\">Zucca<\/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\">Badminton<\/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\">Tennis da tavolo<\/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\">Pallamano<\/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\">Il 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>Allenamento fitness<\/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\">Allenamento tradizionale della forza<\/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\">Allenamento funzionale della forza<\/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\">Formazione di base<\/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 misto<\/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\">Salto della corda<\/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\">Ellittica<\/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\">Arrampicata su scale<\/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\">Scale<\/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\">Flessibilit\u00e0<\/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>Attivit\u00e0 in studio<\/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\">Lo 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\">Mente e corpo<\/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>Sport acquatici<\/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\">Nuoto in 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\">Nuoto all'aperto<\/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\">Canottaggio<\/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\">Pagaia<\/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\">Sport acquatici<\/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>Sport sulla neve<\/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\">Sci 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\">Sci di 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\">Pattinaggio all'aperto<\/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\">Pattinaggio al coperto<\/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\">Sport sulla neve<\/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>Arti marziali<\/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\">Pugilato<\/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\">Lotta libera<\/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\">Arti marziali<\/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>Altro<\/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\">La 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\">Sport del 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\">Skateboard<\/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\">Arrampicata<\/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\">Sport equestri<\/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\">Cheerleading<\/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 l'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\">Recinzione<\/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\">Sedia a rotelle<\/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\">Altro<\/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\">Gioco 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\">Otto broccati<\/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\">calorie bruciate<\/div>\n                    <div class=\"calculation-details\">\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Esercizio:<\/span>\n                            <span class=\"detail-value\" id=\"exerciseName\">Passeggiata all'aperto<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Valore 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\">Durata:<\/span>\n                            <span class=\"detail-value\" id=\"durationDisplay\">30 min<\/span>\n                        <\/div>\n                        <div class=\"detail-row\">\n                            <span class=\"detail-label\">Calorie bruciate:<\/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;\">Dettagli di calcolo<\/h3>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Esercizio:<\/span>\n                        <span class=\"detail-value\" id=\"exerciseNameWide\">Passeggiata all'aperto<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Valore 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\">Durata:<\/span>\n                        <span class=\"detail-value\" id=\"durationDisplayWide\">30 min<\/span>\n                    <\/div>\n                    <div class=\"detail-row\">\n                        <span class=\"detail-label\">Calorie bruciate:<\/span>\n                        <span class=\"detail-value\" id=\"caloriesDisplayWide\">315 cal<\/span>\n                    <\/div>\n                    <div class=\"formula-note\">\n                        Solo per riferimento. MET \u00e8 il valore medio. Al variare dell'intensit\u00e0 dell'esercizio, cambia anche il consumo energetico effettivo. L'uso di un dispositivo con monitoraggio della frequenza cardiaca fornir\u00e0 un valore pi\u00f9 preciso.\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_69e0772d5a7b0\"  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 >Come Duolingo ma per il fitness<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito \u00e8 un'applicazione per il monitoraggio della corsa con giochi, come <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">Duolingo<\/a> ma per il fitness. E ha un simpatico orsetto che vi accompagna durante i vostri allenamenti nel <a href=\"https:\/\/getfitoapp.com\/it\/tools\/fitness-streak-widgets-and-watch-faces\/\">widget per la schermata iniziale<\/a>dando una spinta motivazionale alla vostra corsa a lungo termine.<\/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\/it\/\"><span class=\"text\">Provalo ora<\/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=\"Panoramica della striscia di allenamento con cronologia della striscia, distanze mensili e promemoria della mascotte\" 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":"Calcolatore delle calorie bruciate durante l'esercizio fisico Quante calorie vengono bruciate durante una sessione di esercizio? Supporta pi\u00f9 di 80 tipi: Camminata, corsa, ciclismo, sport con la palla, allenamento fitness, attivit\u00e0 in studio, sport acquatici,...","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\/it\/wp-json\/wp\/v2\/pages\/6577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/comments?post=6577"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/pages\/6577\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/media?parent=6577"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/it\/wp-json\/wp\/v2\/tags?post=6577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}