Como padres, siempre priorizamos que nuestros hijos crezcan saludables y felices. Sin embargo, es natural sentir curiosidad sobre cuánto medirán cuando sean mayores. ¿Será más alto que tú? ¿Llegará a superar la altura de sus abuelos? Ahora puedes despejar esa incógnita de manera sencilla y rápida.

Nuestra calculadora de crecimiento te ayuda a estimar la altura futura de tu hijo o hija basándose en datos como su edad, género y altura actual. Solo necesitas completar unos pocos campos obligatorios para obtener el resultado. Es una herramienta práctica, intuitiva y diseñada para alimentar esa curiosidad mientras disfrutas viendo crecer a tus pequeños. ¡Pruébala y sorpréndete con las posibilidades!

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700&display=swap'); /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .Rectngulo-211 { /* display: block; */ margin: 0 auto; max-width: 620px; padding: 25px; border-radius: 5px; border: solid 1px #00c5c3; background-color: #e8ffff; font-family: 'Merriweather Sans', sans-serif; color: #000000; text-align: left; } .Rectngulo-211 h1 { font-size: 32px; font-weight: 800; } .Rectngulo-211 p { font-size: 18px; line-height: 1.56; } .obligatorio { font-size: 10px !important; line-height: 2.4; } .genero-radio-container { margin-left: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; padding: 22px 0px 22px 0px; text-align: left; } .hijo-label { position:relative; } .radio input[type='radio'] { display: none; /*removes original button*/ } .radio label:before { /*styles outer circle*/ content: " "; display: inline-block; position: relative; margin: 0 5px 0 0; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #17a2b8; background-color: #fff; cursor: pointer; margin-left: 0px !important; } .radio label { position: relative; } .radio label input[type='radio']:checked+span { /*styles inside circle*/ border-radius: 50%; width: 16px; height: 16px; position: absolute; top: 5px; left: 5px; display: block; background-color: #17a2b8; } .hijo-label { cursor: pointer; margin-left: 10px; } .hijo { font-size: 20px !important; font-weight: bold !important; margin: 0px 18px 0px 0px !important; } .genero-radio-container label{ font-size: 20px !important; padding: 0 12px 0px 0px !important; } .edad-container { margin-left: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: flex-start; padding: 22px 0px 22px 0px; } select.edad-select { position: relative; margin-left: 0 !important; padding: 22px 0px 22px 22px !important; border-radius: 5px; border: solid 1px #00c5c3 !important; border-right: solid 22px #00c5c3 !important; background-color: #00c5c3; font-family: 'Merriweather Sans', sans-serif; color: #fff; font-size: 16px; cursor: pointer; } .edad-select option { color: #fff; padding: 18px; font-family: 'Merriweather Sans', sans-serif; } .radio { position: relative; display: flex; flex-direction: row; margin-left: 0 !important; } .altura-container { padding: 22px 0 22px 0; } .altura { width: 76px; height: 38px; margin: 0px 12px 0 12px !important; padding-left: 12px; border-radius: 5px; border: solid 1px #17a2b8 !important; background-color: white; font-family: 'Merriweather Sans', sans-serif; font-size: 16px; } .cm { font-weight: 400; } #submit { width: 88px; height: 32px; display: block; margin: 0 auto; margin-top: 32px; border-radius: 5px; border: 1px solid #00c5c3; background-color: #00c5c3; border: none; cursor: pointer; font-size: 16px; text-align: center; color: #fff; } .mensaje { display:none; max-width: 90%; box-sizing: content-box !important; margin: 31px 0 0; padding: 48px; border-radius: 5px; border: solid 1px #00c5c3; background-color: #00c5c3; font-family: 'Merriweather Sans', sans-serif; font-size: 18px; font-weight: 700; color: #fff; text-align: center; } /* ERRORES */ .radio.invalid-checkbox label:before{ border-color:#dc3545 !important; } .edad-select.invalid-edad { background-color:#dc3545 !important; border: 1px solid #dc3545 !important; border-right: 20px solid #dc3545 !important; } .altura.invalid-altura { border: 1px solid #dc3545 !important; } /* FIN ERRORES */ /* MOBILE */ @media screen and (max-width: 521px) { .Rectngulo-211 { max-width: 90%; padding: 12px!important; } .Rectngulo-211 h1 { font-size: 22px!important; } .Rectngulo-211 p { font-size: 14px!important; } .altura label { font-size: 16px!important; line-height: 1.5; } .Rectngulo-214 { max-width: 100%; display: block; margin: 0 auto; margin-top: 22px; padding: 38px; font-size: 20px; } .hijo { margin-right: 0; } .genero-radio-container label { padding: 0px 12px 0px 0px!important; } .Elipse-110 { margin-left: -8px; } .edad-container { display: flex; flex-direction: column; } .radio { margin-left: 12px; } select.edad-select { margin-left: 12px; max-width: 60%; margin: 22px 0 0 0 !important; } .altura { margin-top: 12px !important; margin-left: -6px; } .radio label input[type='radio']:checked+span { width: 16px; height: 16px; top: 5px; left: 5px; } } $( document ).ready(function() { var TALLEST_PERSON = 'Sultan Kösen'; var TALLEST_PERSON_HEIGHT = 251; var MINIMUM_HEIGHT_CHILD = 30; $( "#submit" ).click(function() { var edad = $("#edad").val(); var altura = $("#altura").val(); var tipo = $('input:radio[name=tipo]:checked').val(); resultado = Math.round(altura * 100 / getAltura(edad, tipo)); var salida = ""; if(tipo == 1){ salida = 'Tomando como referencia la altura actual de tu hija, de adulta medirá ' + resultado + ' cm.'; }else{ salida = 'Tomando como referencia la altura actual de tu hijo, de adulto medirá ' + resultado + ' cm.'; } if (altura TALLEST_PERSON_HEIGHT) { salida = '¡Por favor, comprueba tus datos! Recuerda que debes introducir las medidas en centímetros.'; } if (resultado > TALLEST_PERSON_HEIGHT) { salida = "Su hijo es más grande que " + TALLEST_PERSON + ' (' + TALLEST_PERSON_HEIGHT +' cm)! Por favor, revise los datos que ha introducido.'; } // VALIDATION let isCheckboxChecked=isCheckboxCheckedFunc(); $('#edad').removeClass('invalid-edad'); $('#altura').removeClass('invalid-altura'); $('.gender-label').parent().removeClass('invalid-checkbox'); if(edad == "" && altura == "" && (!isCheckboxChecked)) { $('#edad').addClass('invalid-edad'); $('#altura').addClass('invalid-altura'); $('.gender-label').parent().addClass('invalid-checkbox'); console.log("all fields blank"); } else if (altura == "" && edad == "" ) { $('#edad').addClass('invalid-edad'); $('#altura').addClass('invalid-altura'); console.log('no age or height'); return; } else if (!isCheckboxChecked && altura =="") { $('.gender-label').parent().addClass('invalid-checkbox'); $('#altura').addClass('invalid-altura'); console.log('no gender or height'); return; } else if (!isCheckboxChecked && edad =="") { $('.gender-label').parent().addClass('invalid-checkbox'); $('#edad').addClass('invalid-edad'); console.log('no gender or age'); return; } else if (edad == "") { $('#edad').addClass('invalid-edad'); console.log('no age selected'); return; } else if (altura == "") { $('#altura').addClass('invalid-altura'); console.log('no height'); return; } else if (!isCheckboxChecked) { $('.gender-label').parent().addClass('invalid-checkbox'); console.log('no gender'); return; } //END VALIDATION $("#mensaje_texto").html(salida); $(".mensaje").show(); }); }); function isCheckboxCheckedFunc(){ let isCheckboxChecked=false; let checkbox = $("[name='tipo']"); for ( let i = 0; i < checkbox.length; i++ ) { if(checkbox[i].checked==true){ isCheckboxChecked=true; } } return isCheckboxChecked; } function getAltura(edad,tipo){ var alturas_genero = []; optionArr = { '' : [], 'birth' : [28.6, 30.9], '3_months' : [33.9, 36.0], '6_months' : [37.7, 39.8], '9_months' : [40.1, 42.2], '1_year' : [42.2, 44.7], '1.5_years' : [45.6, 48.8], '2_years' : [49.5, 52.8], '2.5_years' : [51.6, 54.8], '3_years' : [53.8, 57.0], '4_years' : [58.0, 61.8], '5_years' : [61.8, 66.2], '6_years' : [65.2, 70.3], '7_years' : [69.0, 74.0], '8_years' : [72.0, 77.5], '9_years' : [75.0, 80.7], '10_years' : [78.0, 84.4], '11_years' : [81.1, 88.4], '12_years' : [84.2, 92.9], '13_years' : [87.3, 96.5], '14_years' : [91.5, 98.3], '15_years' : [96.1, 99.1], '16_years' : [98.3, 99.6], '17_years' : [99.3, 100.0], '18_years': [99.8, 100.0], }; return optionArr[edad][tipo]; }