Calculadora de prote\u00ednas<\/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, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n .protein-container {\n max-width: 600px;\n margin: 0 auto;\n background: white;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n h1 {\n font-size: 32px;\n margin-bottom: 10px;\n color: #222;\n }\n\n h2 {\n font-size: 24px;\n margin-bottom: 20px;\n color: #444;\n }\n\n .description {\n color: #666;\n margin-bottom: 30px;\n font-size: 16px;\n }\n\n .form-group {\n margin-bottom: 25px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: #444;\n font-size: 15px;\n }\n\n .input-wrapper {\n position: relative;\n }\n\n input[type=\"number\"] {\n width: 100%;\n padding: 12px 45px 12px 15px;\n font-size: 16px;\n border: 2px solid #ddd;\n border-radius: 8px;\n transition: border-color 0.3s;\n }\n\n input[type=\"number\"]:focus {\n outline: none;\n border-color: #F0605C;\n }\n\n .unit-label {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: #999;\n font-size: 14px;\n }\n\n .unit-toggle {\n display: flex;\n gap: 10px;\n margin-top: 10px;\n }\n\n .unit-btn {\n flex: 1;\n padding: 8px 16px;\n border: 2px solid #ddd;\n background: white;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n transition: all 0.3s;\n }\n\n .unit-btn.active {\n background: #F0605C;\n border-color: #F0605C;\n color: white;\n }\n\n .radio-group {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .radio-option {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n .radio-option input[type=\"radio\"] {\n width: 20px;\n height: 20px;\n margin-right: 8px;\n cursor: pointer;\n accent-color: #F0605C;\n }\n\n .radio-option label {\n margin: 0;\n cursor: pointer;\n font-weight: normal;\n }\n\n select {\n width: 100%;\n padding: 12px 15px;\n font-size: 16px;\n border: 2px solid #ddd;\n border-radius: 8px;\n background: white;\n cursor: pointer;\n transition: border-color 0.3s;\n }\n\n select:focus {\n outline: none;\n border-color: #F0605C;\n }\n\n .calculate-btn {\n width: 100%;\n padding: 15px;\n background: #F0605C;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .calculate-btn:hover {\n background: #e04f4b;\n }\n\n .calculate-btn:active {\n transform: scale(0.98);\n }\n\n .result {\n display: none;\n margin-top: 30px;\n padding: 25px;\n background: #f8f9fa;\n border-radius: 8px;\n border-left: 4px solid #F0605C;\n }\n\n .result.show {\n display: block;\n }\n\n .result h3 {\n color: #F0605C;\n margin-bottom: 15px;\n font-size: 20px;\n }\n\n .protein-value {\n font-size: 48px;\n font-weight: bold;\n color: #F0605C;\n margin-bottom: 5px;\n }\n\n .protein-unit {\n font-size: 18px;\n color: #666;\n margin-bottom: 25px;\n }\n\n .range-display {\n background: white;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 25px;\n border: 2px solid #F0605C;\n }\n\n .range-display h4 {\n color: #444;\n font-size: 16px;\n margin-bottom: 10px;\n }\n\n .range-values {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 15px;\n }\n\n .range-item {\n text-align: center;\n flex: 1;\n }\n\n .range-label {\n font-size: 12px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 5px;\n }\n\n .range-number {\n font-size: 24px;\n font-weight: bold;\n color: #F0605C;\n }\n\n .range-unit {\n font-size: 12px;\n color: #666;\n }\n\n .range-separator {\n font-size: 24px;\n color: #ddd;\n }\n\n .info-section {\n margin-top: 25px;\n padding: 20px;\n background: white;\n border-radius: 8px;\n border: 1px solid #ddd;\n }\n\n .info-section h4 {\n color: #444;\n margin-bottom: 10px;\n font-size: 16px;\n }\n\n .info-section p {\n color: #666;\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 10px;\n }\n\n .info-section ul {\n margin-left: 20px;\n color: #666;\n font-size: 14px;\n }\n\n .info-section li {\n margin-bottom: 8px;\n }\n\n .highlight-box {\n background: #fff8f7;\n padding: 15px;\n border-radius: 6px;\n border-left: 3px solid #F0605C;\n margin-top: 15px;\n }\n\n .highlight-box p {\n color: #555;\n font-size: 14px;\n margin: 0;\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 20px;\n }\n\n h1 {\n font-size: 28px;\n }\n\n h2 {\n font-size: 20px;\n }\n\n .protein-value {\n font-size: 40px;\n }\n\n .range-values {\n flex-direction: column;\n gap: 10px;\n }\n\n .range-separator {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"protein-container\">\n <h1>Calculadora de prote\u00ednas<\/h1>\n\n <div id=\"proteinForm\">\n <div class=\"form-group\">\n <label>Peso actual<\/label>\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"weight\" step=\"0.1\">\n <span class=\"unit-label\" id=\"weightUnit\">kg<\/span>\n <\/div>\n <div class=\"unit-toggle\">\n <button type=\"button\" class=\"unit-btn active\" onclick=\"setWeightUnit('kg')\">Kilogramos (kg)<\/button>\n <button type=\"button\" class=\"unit-btn\" onclick=\"setWeightUnit('lbs')\">Libras (lbs)<\/button>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Edad<\/label>\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"age\">\n <span class=\"unit-label\">a\u00f1os<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Sexo<\/label>\n <div class=\"radio-group\">\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"male\" name=\"sex\" value=\"male\">\n <label for=\"male\">Hombre<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"female\" name=\"sex\" value=\"female\">\n <label for=\"female\">Mujer<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Nivel de actividad<\/label>\n <select id=\"activityLevel\">\n <option value=\"sedentary\">Sedentarismo (poco o ning\u00fan ejercicio)<\/option>\n <option value=\"light\">Poco activo (1-3 d\u00edas\/semana)<\/option>\n <option value=\"moderate\">Moderadamente activo (3-5 d\u00edas\/semana)<\/option>\n <option value=\"active\">Muy activo (6-7 d\u00edas\/semana)<\/option>\n <option value=\"athlete\">Athlete (intense training)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>Fitness Goal<\/label>\n <div class=\"radio-group\">\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"lose\" name=\"goal\" value=\"lose\">\n <label for=\"lose\">P\u00e9rdida de peso<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"maintain\" name=\"goal\" value=\"maintain\" checked>\n <label for=\"maintain\">Mantener el peso<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"gain\" name=\"goal\" value=\"gain\">\n <label for=\"gain\">Build Muscle<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" class=\"calculate-btn\" onclick=\"calculateProtein()\">Calcule<\/button>\n <\/div>\n\n <div class=\"result\" id=\"result\">\n <h3>Your Daily Protein Target<\/h3>\n <div class=\"protein-value\" id=\"proteinValue\">0<\/div>\n <div class=\"protein-unit\">grams per day<\/div>\n \n <div class=\"range-display\">\n <h4>Recommended Range<\/h4>\n <div class=\"range-values\">\n <div class=\"range-item\">\n <div class=\"range-label\">Minimum<\/div>\n <div class=\"range-number\" id=\"minProtein\">0<\/div>\n <div class=\"range-unit\">g\/day<\/div>\n <\/div>\n <div class=\"range-separator\">\u2014<\/div>\n <div class=\"range-item\">\n <div class=\"range-label\">Maximum<\/div>\n <div class=\"range-number\" id=\"maxProtein\">0<\/div>\n <div class=\"range-unit\">g\/day<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-section\">\n <h4>About Your Protein Needs<\/h4>\n <p id=\"proteinExplanation\"><\/p>\n \n <div class=\"highlight-box\">\n <p><strong>Per Meal Target:<\/strong> <span id=\"perMeal\"><\/span><\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-section\">\n <h4>High-Protein Food Examples<\/h4>\n <p><strong>Animal Sources (per 100g):<\/strong><\/p>\n <ul>\n <li>Chicken breast: ~31g protein<\/li>\n <li>Salmon: ~25g protein<\/li>\n <li>Greek yogurt: ~10g protein<\/li>\n <li>Eggs (2 large): ~13g protein<\/li>\n <\/ul>\n <p style=\"margin-top: 15px;\"><strong>Plant Sources (per 100g):<\/strong><\/p>\n <ul>\n <li>Lentils (cooked): ~9g protein<\/li>\n <li>Tofu: ~8g protein<\/li>\n <li>Quinoa (cooked): ~4g protein<\/li>\n <li>Almonds: ~21g protein<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let weightUnit = 'kg';\n\n function setWeightUnit(unit) {\n weightUnit = unit;\n document.getElementById('weightUnit').textContent = unit;\n \n const buttons = document.querySelectorAll('.unit-toggle .unit-btn');\n buttons.forEach(btn => {\n if (btn.textContent.includes(unit)) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n }\n\n function calculateProtein() {\n \/\/ Get weight in kg\n let weight = parseFloat(document.getElementById('weight').value);\n if (!weight || weight <= 0) {\n alert('Please enter a valid weight');\n return;\n }\n if (weightUnit === 'lbs') {\n weight = weight * 0.453592; \/\/ Convert to kg\n }\n\n const age = parseFloat(document.getElementById('age').value);\n if (!age || age <= 0) {\n alert('Please enter a valid age');\n return;\n }\n\n const sexInput = document.querySelector('input[name=\"sex\"]:checked');\n if (!sexInput) {\n alert('Please select your sex');\n return;\n }\n\n const activityLevel = document.getElementById('activityLevel').value;\n const goalInput = document.querySelector('input[name=\"goal\"]:checked');\n const goal = goalInput.value;\n\n \/\/ Calculate protein needs based on activity and goal\n let proteinPerKg;\n let minProteinPerKg;\n let maxProteinPerKg;\n let explanation;\n\n \/\/ Base calculation on activity level and goal\n if (goal === 'lose') {\n \/\/ Weight loss: higher protein to preserve muscle\n switch(activityLevel) {\n case 'sedentary':\n proteinPerKg = 1.4;\n minProteinPerKg = 1.2;\n maxProteinPerKg = 1.6;\n break;\n case 'light':\n proteinPerKg = 1.6;\n minProteinPerKg = 1.4;\n maxProteinPerKg = 1.8;\n break;\n case 'moderate':\n case 'active':\n proteinPerKg = 1.8;\n minProteinPerKg = 1.6;\n maxProteinPerKg = 2.0;\n break;\n case 'athlete':\n proteinPerKg = 2.0;\n minProteinPerKg = 1.8;\n maxProteinPerKg = 2.2;\n break;\n }\n explanation = `For weight loss with ${activityLevel} activity, higher protein intake (${proteinPerKg}g\/kg) helps preserve muscle mass while in a calorie deficit. Aim to distribute protein evenly across 3-4 meals throughout the day.`;\n } else if (goal === 'gain') {\n \/\/ Muscle gain: high protein for muscle synthesis\n switch(activityLevel) {\n case 'sedentary':\n case 'light':\n proteinPerKg = 1.6;\n minProteinPerKg = 1.4;\n maxProteinPerKg = 1.8;\n break;\n case 'moderate':\n proteinPerKg = 1.8;\n minProteinPerKg = 1.6;\n maxProteinPerKg = 2.0;\n break;\n case 'active':\n proteinPerKg = 2.0;\n minProteinPerKg = 1.8;\n maxProteinPerKg = 2.2;\n break;\n case 'athlete':\n proteinPerKg = 2.2;\n minProteinPerKg = 2.0;\n maxProteinPerKg = 2.4;\n break;\n }\n explanation = `For muscle building with ${activityLevel} activity, protein intake of ${proteinPerKg}g\/kg supports muscle protein synthesis. Combine with resistance training and a calorie surplus for optimal results.`;\n } else {\n \/\/ Maintenance\n switch(activityLevel) {\n case 'sedentary':\n proteinPerKg = 1.2;\n minProteinPerKg = 1.0;\n maxProteinPerKg = 1.4;\n break;\n case 'light':\n proteinPerKg = 1.4;\n minProteinPerKg = 1.2;\n maxProteinPerKg = 1.6;\n break;\n case 'moderate':\n proteinPerKg = 1.6;\n minProteinPerKg = 1.4;\n maxProteinPerKg = 1.8;\n break;\n case 'active':\n proteinPerKg = 1.8;\n minProteinPerKg = 1.6;\n maxProteinPerKg = 2.0;\n break;\n case 'athlete':\n proteinPerKg = 2.0;\n minProteinPerKg = 1.8;\n maxProteinPerKg = 2.2;\n break;\n }\n explanation = `For weight maintenance with ${activityLevel} activity, ${proteinPerKg}g\/kg of protein supports your daily needs and helps maintain muscle mass. This is based on evidence-based recommendations from sports nutrition organizations.`;\n }\n\n \/\/ Adjust for age (older adults may need more protein)\n if (age >= 65) {\n proteinPerKg += 0.2;\n minProteinPerKg += 0.2;\n maxProteinPerKg += 0.2;\n explanation += ` As you're over 65, we've slightly increased your protein target to help prevent age-related muscle loss.`;\n }\n\n \/\/ Calculate final values\n const proteinGrams = Math.round(weight * proteinPerKg);\n const minProtein = Math.round(weight * minProteinPerKg);\n const maxProtein = Math.round(weight * maxProteinPerKg);\n const perMeal = Math.round(proteinGrams \/ 4); \/\/ Assuming 4 meals\n\n \/\/ Display results\n document.getElementById('proteinValue').textContent = proteinGrams;\n document.getElementById('minProtein').textContent = minProtein;\n document.getElementById('maxProtein').textContent = maxProtein;\n document.getElementById('proteinExplanation').textContent = explanation;\n document.getElementById('perMeal').textContent = `Aim for approximately ${perMeal}g of protein per meal (based on 4 meals\/snacks per day) to optimize muscle protein synthesis.`;\n\n document.getElementById('result').classList.add('show');\n \n setTimeout(() => {\n document.getElementById('result').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 100);\n }\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_69e8ba220c1df\" 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 perder peso<\/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 alimentos y calor\u00edas, como <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">Duolingo<\/a> pero para perder peso. Y tiene un simp\u00e1tico osito que te acompa\u00f1a en tu dieta en el <a href=\"https:\/\/getfitoapp.com\/es\/tools\/fitness-streak-widgets-and-watch-faces\/\">widgets para la pantalla de inicio<\/a>La salud a largo plazo es una fuente de motivaci\u00f3n.<\/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=\"1580\" width=\"2523\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets.png\" alt=\"Seis coloridos widgets de una aplicaci\u00f3n de seguimiento de calor\u00edas, que muestran un oso rojo de dibujos animados que ilustra el estado de la ingesta diaria de calor\u00edas, incluidos los recuentos de "m\u00e1s" y "restantes" para la gesti\u00f3n de la dieta y la forma f\u00edsica.\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets.png 2523w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-300x188.png 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-1024x641.png 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-768x481.png 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-1536x962.png 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-2048x1283.png 2048w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2026\/01\/widgets-18x12.png 18w\" sizes=\"auto, (max-width: 2523px) 100vw, 2523px\" \/>\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":"Daily Protein Calculator Calculate your personalized protein intake based on your weight, activity level, and fitness goals. This tool uses evidence-based guidelines to help you optimize your nutrition. Protein Calculator...","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-6756","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages\/6756","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=6756"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/pages\/6756\/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=6756"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/es\/wp-json\/wp\/v2\/tags?post=6756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}