{"id":746,"date":"2024-10-10T13:34:27","date_gmt":"2024-10-10T19:34:27","guid":{"rendered":"https:\/\/uic.mx\/bachillerato\/?page_id=746"},"modified":"2024-10-10T23:29:05","modified_gmt":"2024-10-11T05:29:05","slug":"calculadora","status":"publish","type":"page","link":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/","title":{"rendered":"Calculadora"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

CALCULA TU BECA UIC PARA BACHILLERATO\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tCALCULA TU BECA UIC PARA BACHILLERATO\nIngresa los datos solicitados y averigua cu\u00e1l es el monto m\u00e1ximo de beca que podr\u00edas \nobtener, despu\u00e9s de tu registro un asesor educativo se pondr\u00e1 en contacto contigo para\nbrindarte m\u00e1s informaci\u00f3n.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\r\n\r\n\r\n\r\n \r\n \r\n Calculadora<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"\r\n integrity=\"sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH\" crossorigin=\"anonymous\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif !important;\r\n }\r\n\r\n #g-recaptcha-response {\r\n display: block !important;\r\n position: absolute;\r\n margin: -78px 0 0 0 !important;\r\n width: 302px !important;\r\n height: 76px !important;\r\n z-index: -999999;\r\n opacity: 0;\r\n }\r\n\r\n\r\n @import url(\"https:\/\/fonts.googleapis.com\/css?family=Poppins:400,500,600,700&display=swap\");\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n outline: none;\r\n }\r\n\r\n :root {\r\n --primary: #006342;\r\n --secondary: #333;\r\n --errorColor: red;\r\n --stepNumber: 6;\r\n --containerWidth: 600px;\r\n --bgColor: #333;\r\n --inputBorderColor: lightgray;\r\n }\r\n\r\n a[title*=\"UIC Online\"] {\r\n background: #f9bf28;\r\n background: -moz-linear-gradient(top, #f9bf28 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);\r\n background: -webkit-linear-gradient(top, #f9bf28 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);\r\n background: linear-gradient(to bottom, #f9bf28 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9bf28', endColorstr='#fbdf93', GradientType=0);\r\n border: solid 1px #c19e67;\r\n border-radius: 5px;\r\n box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgb(0 0 0 \/ 15%);\r\n color: #006342;\r\n padding: 0.5rem;\r\n display: block;\r\n width: 90%;\r\n margin: 1rem auto;\r\n text-align: center;\r\n max-width: 300px;\r\n font-weight: 400;\r\n }\r\n\r\n .head-calculadora {\r\n width: 100%;\r\n background: linear-gradient(rgba(0, 99, 66, 0.70), rgba(0, 99, 66, 0.70)),\r\n url('https:\/\/www.uic.mx\/bachillerato\/files\/2024\/05\/Banner_calculadora_verde.jpg') no-repeat center center;\r\n background-size: cover;\r\n margin: 0 0 0 0;\r\n padding: 100px 0 100px 0;\r\n height: 470px;\r\n }\r\n\r\n ::selection {\r\n color: #fff;\r\n background: var(--primary);\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n text-align: center;\r\n border-radius: 5px;\r\n padding: 50px 35px 10px 35px;\r\n }\r\n\r\n .small-text {\r\n color: #1c3b1a;\r\n \/* Slight green color like in the image *\/\r\n font-size: 16px;\r\n text-align: center;\r\n width: 285px;\r\n }\r\n\r\n .main-title {\r\n font-size: 48px;\r\n font-weight: bold;\r\n color: #1c3b1a;\r\n \/* Matching the text color from the image *\/\r\n }\r\n\r\n .info-banner {\r\n\r\n background: linear-gradient(to right, #004118, #1c3b1a, rgba(126, 195, 126, 0), transparent);\r\n \/* Gradiente del verde oscuro al verde claro y luego a transparente *\/\r\n color: #FFFFFF;\r\n border-radius: 0px;\r\n width: 50%;\r\n }\r\n\r\n .info-title {\r\n font-size: 32px;\r\n font-weight: bold;\r\n }\r\n\r\n .container header {\r\n font-size: 35px;\r\n font-weight: 600;\r\n margin: 0 0 30px 0;\r\n }\r\n\r\n .container .form-outer {\r\n width: 100%;\r\n overflow: hidden;\r\n margin-top: -80px;\r\n }\r\n\r\n .container .form-outer form {\r\n display: flex;\r\n width: calc(100% * var(--stepNumber));\r\n }\r\n\r\n .form-outer form .page {\r\n width: calc(100% \/ var(--stepNumber));\r\n transition: margin-left 0.3s ease-in-out;\r\n }\r\n\r\n .form-outer form .page .title {\r\n text-align: center;\r\n font-size: 25px;\r\n font-weight: 500;\r\n }\r\n\r\n .form-outer form .page .field {\r\n width: var(--containerWidth);\r\n height: 45px;\r\n margin: 45px auto;\r\n display: flex;\r\n position: relative;\r\n }\r\n\r\n .field__promedio {\r\n justify-content: space-around;\r\n margin: 100px auto !important;\r\n }\r\n\r\n form .page .field .label {\r\n position: absolute;\r\n top: -30px;\r\n font-weight: 500;\r\n }\r\n\r\n form .page .field input {\r\n box-sizing: border-box;\r\n height: 100%;\r\n width: 100%;\r\n border: 1px solid var(--inputBorderColor);\r\n border-radius: 5px;\r\n padding-left: 15px;\r\n margin: 0 1px;\r\n font-size: 18px;\r\n transition: border-color 150ms ease;\r\n }\r\n\r\n form .page .field input.invalid-input {\r\n border-color: var(--errorColor);\r\n }\r\n\r\n form .page .field select {\r\n width: 100%;\r\n padding-left: 10px;\r\n font-size: 17px;\r\n font-weight: 500;\r\n }\r\n\r\n form .page .field button {\r\n width: 100%;\r\n height: calc(100% + 5px);\r\n border: none;\r\n background: var(--secondary);\r\n margin-top: -20px;\r\n border-radius: 5px;\r\n color: #fff;\r\n cursor: pointer;\r\n font-size: 18px;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: 0.5s ease;\r\n }\r\n\r\n form .page .field button:hover {\r\n background: #000;\r\n }\r\n\r\n form .page .btns button {\r\n margin-top: -20px !important;\r\n z-index: 10;\r\n }\r\n\r\n .wp-block-column {\r\n padding: 16px;\r\n }\r\n\r\n .loader {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n margin: auto;\r\n }\r\n\r\n .loader.hidden {\r\n opacity: 0;\r\n }\r\n\r\n form .page .btns button.prev {\r\n margin-right: 3px;\r\n font-size: 17px;\r\n }\r\n\r\n form .page .btns button.next {\r\n margin-left: 3px;\r\n }\r\n\r\n .container .progress-bar {\r\n display: flex;\r\n margin: 40px auto;\r\n user-select: none;\r\n max-width: 600px;\r\n }\r\n\r\n .container .progress-bar .step {\r\n text-align: center;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .container .progress-bar .step p {\r\n font-weight: 500;\r\n font-size: 18px;\r\n color: #000;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .progress-bar .step .bullet {\r\n height: 25px;\r\n width: 25px;\r\n border: 2px solid #000;\r\n display: inline-block;\r\n border-radius: 50%;\r\n position: relative;\r\n transition: 0.2s;\r\n font-weight: 500;\r\n font-size: 17px;\r\n line-height: 25px;\r\n }\r\n\r\n .progress-bar .step .bullet.active {\r\n border-color: var(--primary);\r\n background: var(--primary);\r\n }\r\n\r\n .progress-bar .step .bullet span {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .progress-bar .step .bullet.active span {\r\n display: none;\r\n }\r\n\r\n .progress-bar .step .bullet:before,\r\n .progress-bar .step .bullet:after {\r\n position: absolute;\r\n content: \"\";\r\n bottom: 11px;\r\n right: -51px;\r\n height: 3px;\r\n width: 44px;\r\n background: #262626;\r\n }\r\n\r\n .progress-bar .step .bullet.active:after {\r\n background: var(--primary);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n animation: animate 0.3s linear forwards;\r\n }\r\n\r\n @keyframes animate {\r\n 100% {\r\n transform: scaleX(1);\r\n }\r\n }\r\n\r\n .progress-bar .step:last-child .bullet:before,\r\n .progress-bar .step:last-child .bullet:after {\r\n display: none;\r\n }\r\n\r\n .progress-bar .step p.active {\r\n color: var(--primary);\r\n transition: 0.2s linear;\r\n }\r\n\r\n .progress-bar .step .check {\r\n position: absolute;\r\n left: 50%;\r\n top: 70%;\r\n font-size: 15px;\r\n transform: translate(-50%, -50%);\r\n display: none;\r\n }\r\n\r\n .progress-bar .step .check.active {\r\n display: block;\r\n color: #fff;\r\n }\r\n\r\n .centrado.bg-step-1 {\r\n background-color: #f0f8ff;\r\n background-image: url(\/bachillerato\/wp-content\/themes\/hello-theme-child\/calculadora\/img\/bg-cal-paso1-min.jpg);\r\n background-size: cover;\r\n background-position: top center;\r\n \/* Color de fondo para el paso 1 *\/\r\n }\r\n\r\n .centrado.bg-step-2 {\r\n background-color: #ffe4e1;\r\n background-image: url(\/bachillerato\/wp-content\/themes\/hello-theme-child\/calculadora\/img\/bg-cal-paso2-min.jpg);\r\n background-size: cover;\r\n background-position: top center;\r\n \/* Color de fondo para el paso 2 *\/\r\n }\r\n\r\n .centrado.bg-step-3 {\r\n background-color: #fafad2;\r\n background-image: url(\/bachillerato\/wp-content\/themes\/hello-theme-child\/calculadora\/img\/bg-cal-paso3-min.jpg);\r\n background-size: cover;\r\n background-position: top center;\r\n \/* Color de fondo para el paso 3 *\/\r\n }\r\n\r\n #WebToLeadForm {\r\n background: linear-gradient(to right, rgba(0, 77, 0, 0.7), rgba(0, 102, 0, 0.7), rgba(0, 128, 0, 0.7), rgba(0, 153, 0, 0.7), rgba(0, 179, 0, 0.7));\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n color: #fff;\r\n margin: 100px auto;\r\n padding: 40px;\r\n width: 70%;\r\n min-width: 300px;\r\n border-radius: 10px;\r\n }\r\n\r\n\r\n @media screen and (max-width: 660px) {\r\n :root {\r\n --containerWidth: 400px;\r\n }\r\n\r\n .progress-bar .step p {\r\n display: none;\r\n }\r\n\r\n .progress-bar .step .bullet::after,\r\n .progress-bar .step .bullet::before {\r\n display: none;\r\n }\r\n\r\n .progress-bar .step .bullet {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .progress-bar .step .check {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n font-size: 15px;\r\n transform: translate(-50%, -50%);\r\n display: none;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .info-banner {\r\n width: 100%;\r\n }\r\n\r\n #WebToLeadForm {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 490px) {\r\n :root {\r\n --containerWidth: 100%;\r\n }\r\n\r\n .container {\r\n box-sizing: border-box;\r\n border-radius: 0;\r\n }\r\n }\r\n\r\n .consasesor {\r\n margin-left: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <!-- Calculadora -->\r\n <div class=\"centrado\">\r\n\r\n <div class=\"container-fluid m-0 p-0\">\r\n <p class=\"small-text ps-4 pt-3\">* Consulta con tu asesor educativo.<br> Bienvenido<\/p>\r\n <h1 class=\"main-title ps-4\">Calcula tu beca<\/h1>\r\n <div class=\"info-banner ps-4 py-3 mt-4\">\r\n <h2 class=\"info-title\"><\/h2>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"progress-bar\" style=\"display: none;\">\r\n <div class=\"step active\">\r\n <p>Informaci\u00f3n personal<\/p>\r\n <div class=\"bullet\">\r\n <span>1<\/span>\r\n <\/div>\r\n <div class=\"check fas fa-check\"><\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <p>Contacto<\/p>\r\n <div class=\"bullet\">\r\n <span>2<\/span>\r\n <\/div>\r\n <div class=\"check fas fa-check\"><\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <p>Promedio<\/p>\r\n <div class=\"bullet\">\r\n <span>3<\/span>\r\n <\/div>\r\n <div class=\"check fas fa-check\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"form-outer\">\r\n <div class=\"formulario\" id=\"formulario\">\r\n <style>\r\n .container .form-outer form {\r\n display: block !important;\r\n }\r\n\r\n\r\n input {\r\n padding: 10px;\r\n width: 98%;\r\n font-size: 17px;\r\n font-family: Raleway;\r\n border: 1px solid #aaaaaa;\r\n border-radius: 5px;\r\n }\r\n\r\n \/* Mark input boxes that gets an error on validation: *\/\r\n input.invalid {\r\n background-color: #ffdddd;\r\n }\r\n\r\n \/* Hide all steps by default: *\/\r\n .tab {\r\n display: none;\r\n }\r\n\r\n #nextBtn {\r\n background-color: #ffffff;\r\n color: #025E2E;\r\n border: none;\r\n border-radius: 5px;\r\n padding: 10px 20px;\r\n font-size: 17px;\r\n cursor: pointer;\r\n }\r\n\r\n \r\n\r\n #prevBtn {\r\n background-color: #025E2E;\r\n color: #ffffff;\r\n border: none;\r\n border-radius: 5px;\r\n padding: 10px 20px;\r\n font-size: 17px;\r\n cursor: pointer;\r\n }\r\n\r\n #nextBtn:hover,\r\n #prevBtn:hover\r\n {\r\n opacity: 0.8;\r\n }\r\n\r\n \/* Make circles that indicate the steps of the form: *\/\r\n .step {\r\n height: 20px;\r\n width: 15px;\r\n margin: 0 2px;\r\n background-color: #bbbbbb;\r\n border: none;\r\n border-radius: 50%;\r\n display: inline-block;\r\n opacity: 0.5;\r\n }\r\n\r\n .step.active {\r\n opacity: 1;\r\n }\r\n\r\n \/* Mark the steps that are finished and valid: *\/\r\n .step.finish {\r\n background-color: #04AA6D;\r\n }\r\n\r\n .buttonas {\r\n float: right;\r\n margin-top: 20px;\r\n }\r\n\r\n .title {\r\n font-size: 25px;\r\n font-weight: bold;\r\n padding-top: 0px;\r\n padding-bottom: 0px;\r\n }\r\n\r\n .contventajas {\r\n margin-left: 20px;\r\n }\r\n\r\n .field {\r\n margin: 15px 0 0 0;\r\n }\r\n\r\n .field__promedio {\r\n margin: 0 0 0 0 !important;\r\n }\r\n\r\n p.promedio {\r\n margin: 0px 0px 20px 0;\r\n }\r\n\r\n .label {\r\n text-align: left;\r\n margin: 0 0 5px 10px;\r\n }\r\n <\/style>\r\n\r\n\r\n <form id=\"WebToLeadForm\" action=\"https:\/\/servicios2.uic.edu.mx\/crm\/Registros\/Nuevo.aspx\" method=\"POST\"\r\n name=\"WebToLeadForm\">\r\n <!-- One \"tab\" for each step in the form: -->\r\n <div class=\"tab visible\" style=\"display: block;\">\r\n <div class=\"title\">Informaci\u00f3n personal:<\/div>\r\n <div class=\"field\">\r\n <div class=\"label\">Nombre:<\/div>\r\n <input name=\"first_name\" id=\"first_name\" type=\"text\" placeholder=\"Nombre\" required=\"\">\r\n\r\n\r\n <\/div>\r\n <div class=\"field\">\r\n <div class=\"label\">Apellido:<\/div>\r\n <input name=\"last_name\" id=\"last_name\" type=\"text\" placeholder=\"Apellido\" required=\"\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"tab\">\r\n <div class=\"title\">Informaci\u00f3n de contacto:<\/div>\r\n <div class=\"field\">\r\n <div class=\"label\">Email:<\/div>\r\n <input name=\"email1\" id=\"email1\" type=\"email\" placeholder=\"Correo electr\u00f3nico\" required=\"\">\r\n <\/div>\r\n <div class=\"field\">\r\n <div class=\"label\">Tel\u00e9fono:<\/div>\r\n <input name=\"phone_work\" id=\"phone_work\" type=\"tel\" placeholder=\"Tel\u00e9fono a 10 d\u00edgitos\" maxlength=\"10\"\r\n pattern=\"[0-9]+\" required=\"\">\r\n <\/div>\r\n <div class=\"field\">\r\n <div class=\"label\">Escuela de procedencia:<\/div>\r\n <input name=\"digescprocede_txt_c\" id=\"digescprocede_txt_c\" type=\"text\"\r\n placeholder=\"Escuela de procedencia\" required=\"\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"tab\">\r\n <div class=\"title\">Promedio:<\/div>\r\n <div class=\"field field__promedio\">\r\n <p class=\"promedio\"><input type=\"radio\" name=\"promedio\" id=\"\" value=\"6 a 8.4\" required=\"\"\r\n placeholder=\"20\"> <strong>6 a 8.4<\/strong><\/p>\r\n <p class=\"promedio\"><input type=\"radio\" name=\"promedio\" id=\"\" value=\"8.5 a 9.4\" required=\"\"\r\n placeholder=\"25\"> <strong>8.5 a 9.4<\/strong>\r\n <\/p>\r\n <p class=\"promedio\"><input type=\"radio\" name=\"promedio\" id=\"\" value=\"9.5 a 10\" required=\"\"\r\n placeholder=\"30\"> <strong>9.5 a 10<\/strong>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"overflow:auto;\">\r\n <div class=\"buttonas\">\r\n <button type=\"button\" id=\"prevBtn\" onclick=\"nextPrev(-1)\" style=\"display: none;\">Anterior<\/button>\r\n <button type=\"button\" id=\"nextBtn\" onclick=\"nextPrev(1)\">Siguiente<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Oferta -->\r\n <div class=\"form__group\"><input name=\"digofertaint_txt_c\" id=\"digofertaint_txt_c\" type=\"hidden\"\r\n placeholder=\"Oferta de inter\u00e9s\" value=\"Bachillerato\"><\/div>\r\n\r\n <!-- URL -->\r\n <input name=\"url\" id=\"url-result\" type=\"hidden\" value=\"https:\/\/www.uic.mx\/bachillerato\/\">\r\n\r\n <!-- Forma de contacto -->\r\n <div class=\"form__group\">\r\n <input name=\"digformacont_txt_c\" id=\"digformacont_txt_c\" type=\"hidden\">\r\n <\/div>\r\n\r\n\r\n <!-- Campus de inter\u00e9s -->\r\n <div class=\"form__group\">\r\n <input name=\"digcampusint_txt_c\" id=\"digcampusint_txt_c\" type=\"hidden\" value=\"Campus Sur\">\r\n <\/div>\r\n\r\n <!-- Fuente digital UTM -->\r\n <div class=\"form__group\">\r\n <input name=\"utmsource_txt_c\" id=\"utmsource_txt_c\" type=\"hidden\">\r\n <\/div>\r\n <!-- Medio digital UTM -->\r\n <div class=\"form__group\">\r\n <input name=\"utmmedio_txt_c\" id=\"utmmedio_txt_c\" type=\"hidden\">\r\n <\/div>\r\n <!-- Campa\u00f1a digital UTM -->\r\n <div class=\"form__group\">\r\n <input name=\"utmcampana_txt_c\" id=\"utmcampana_txt_c\" type=\"hidden\" placeholder=\"Campa\u00f1a digital UTM\">\r\n <\/div>\r\n <!-- Oferta de inter\u00e9s UTM -->\r\n <div class=\"form__group\">\r\n <input name=\"utmoferinteres_txt_c\" id=\"utmoferinteres_txt_c\" type=\"hidden\">\r\n <\/div>\r\n <!-- Content digital UTM -->\r\n <div class=\"form__group\">\r\n <input name=\"utmcontent_txt_c\" id=\"utmcontent_txt_c\" type=\"hidden\">\r\n <\/div>\r\n\r\n <!-- Estatus nuevo -->\r\n <input name=\"estadodigital_list_c\" id=\"estadodigital_list_c\" type=\"hidden\" value=\"Nuevo\">\r\n\r\n <!-- Medio -->\r\n <input name=\"medio_gen_list_c\" id=\"medio_gen_list_c\" type=\"hidden\" value=\"Medios Digitales\">\r\n\r\n <!-- Periodo -->\r\n <input name=\"periodoingreso_list_c\" id=\"periodoingreso_list_c\" type=\"hidden\" value=\"\">\r\n\r\n <!-- -->\r\n <input name=\"lead_source\" id=\"lead_source\" type=\"hidden\" placeholder=\"Fuente leads \" value=\"Campaign\">\r\n\r\n <input name=\"utm_source\" id=\"utm_source\" type=\"hidden\" value=\"calculadora\">\r\n <input name=\"beca\" id=\"beca\" type=\"hidden\">\r\n\r\n\r\n <input name=\"campaign_id\" id=\"campaign_id\" type=\"hidden\" value=\"591491f2-ba1d-591d-260e-5dd448f57c10\">\r\n <input name=\"assigned_user_id\" id=\"assigned_user_id\" type=\"hidden\"\r\n value=\"42620787-cb5b-bfde-e36e-5dd39646fc60\">\r\n <input name=\"moduleDir\" id=\"moduleDir\" type=\"hidden\" value=\"Contacts\">\r\n <input name=\"redirect_url\" id=\"redirect_url\" type=\"hidden\" value=\"\">\r\n <input type=\"hidden\" name=\"recaptcha_response\" id=\"recaptchaResponse\"\r\n value=\"03AFcWeA7GEJval0hg4Vu_pP8m8Ym23kwccfvoQKUBZaTlfKFTzt65nS97OFwrkJW5r7_0HdQKb6GlPfL6g_Mp6RSpqtGQTDv-rVJYE3hgqIVy6SdxXmNQbfYhSkUkp01Q8ThfakxfH0FEQlhKaIaIAjP_iS8tQXKYka9yMPF4xXkmVBid_WtvnXkXUwUKDXD2j0WBnbD_71esyYYtjramUAnWyzbAdIetu9QCXdA3JDuKQ6vRyfZ5a6PFh9DNKkimRFWBo1jCW_5mSiBYfgIwP4DFXn26Bu0e-J34dihz4Y_gakYxFxpk9N1q-KM5FY3vmGe0W_RMG7VO6dHKqSn7pEZpwJxHs-QCBbyFDZLEExKRKZZFvvqWsN1Tk759g3i7Rf_QUKNMJ31YIPm8l-rmKWQLteVbVrIv9DFjvJUjQEp8MgO7ALNvgFTc1jo5bZpYGWkpCXYAOoJ4-dNKMrWg3RHBa8ORlbkZQkPOhej6ClDiVGqusX7SDkD_qL93mW0L4EtWrJGJ-yJ4DGxcWuB3NkZ2u_2RtCopvJXk-6KQlwwSDOpGrtVlje1_FdW_gzHD8wRKBXnie7zBIIFsmXa9HFxrOBlnrn08exy4Hdoh6Oy_Rcvb0lPJ4Iaw_mAfxgJH4NYMlyp7_zDni4lNQ25Utp9ieox_vPSDx1nkDssmw_I7ob5JqfS2KvNFFa17gyXPxzP-KGcutXhVNQqTTKrUKr5lYzF9x1Ew8sEyUs6bhQXLFZ7XFJ-MigwGIt7kmBGHPzHwf9GfxSCpKYV-bMH61GR84Y7y3cTGN_Y0tNov7IDVGekWihNGf8UlqfAuI9EBndx5OH4trNVTcdRnKPgNe_Dq8bgcQ_CmxpAaRO-BLvZumyszzVKd2Lnko2UxUAQFxskPwKCWK7mvpHd4wAEUjlGONOMo1MkdRw\">\r\n <\/form>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <!-- End Calculadora -->\r\n\r\n <!-- \u00daltima versi\u00f3n de jQuery -->\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"\r\n integrity=\"sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz\"\r\n crossorigin=\"anonymous\"><\/script>\r\n\r\n <script>\r\n\r\n var currentTab = 0; \/\/ Current tab is set to be the first tab (0)\r\n showTab(currentTab); \/\/ Display the current tab\r\n\r\n function showTab(n) {\r\n \/\/ This function will display the specified tab of the form...\r\n var x = document.getElementsByClassName(\"tab\");\r\n x[n].style.display = \"block\";\r\n\r\n\r\n \/\/ Cambiar el fondo dependiendo del paso\r\n var container = document.querySelector('.centrado');\r\n container.classList.remove('bg-step-1', 'bg-step-2', 'bg-step-3');\r\n\r\n var infoTitle = document.querySelector('.info-title');\r\n\r\n \/\/ Aplicar la clase de fondo correspondiente\r\n if (n === 0) {\r\n container.classList.add('bg-step-1');\r\n \/\/ console.log(container);\r\n console.log(\"paso 1\");\r\n infoTitle.textContent = 'Informaci\u00f3n personal';\r\n\r\n } else if (n === 1) {\r\n container.classList.add('bg-step-2');\r\n infoTitle.textContent = 'Informaci\u00f3n de contacto';\r\n console.log(\"paso 2\");\r\n } else if (n === 2) {\r\n container.classList.add('bg-step-3');\r\n infoTitle.textContent = 'Promedio';\r\n console.log(\"paso 3\");\r\n }\r\n\r\n \/\/... and fix the Previous\/Next buttons:\r\n if (n == 0) {\r\n document.getElementById(\"prevBtn\").style.display = \"none\";\r\n\r\n } else {\r\n document.getElementById(\"prevBtn\").style.display = \"inline\";\r\n }\r\n if (n == (x.length - 1)) {\r\n document.getElementById(\"nextBtn\").innerHTML = \"Enviar\";\r\n\r\n } else {\r\n document.getElementById(\"nextBtn\").innerHTML = \"Siguiente\";\r\n\r\n }\r\n \/\/... and run a function that will display the correct step indicator:\r\n fixStepIndicator(n)\r\n }\r\n\r\n function nextPrev(n) {\r\n \/\/ This function will figure out which tab to display\r\n var x = document.getElementsByClassName(\"tab\");\r\n \/\/ Exit the function if any field in the current tab is invalid:\r\n if (n == 1 && !validateForm()) return false;\r\n \/\/ Hide the current tab:\r\n x[currentTab].style.display = \"none\";\r\n \/\/ Increase or decrease the current tab by 1:\r\n currentTab = currentTab + n;\r\n \/\/ if you have reached the end of the form...\r\n if (currentTab >= x.length) {\r\n \/\/ ... the form gets submitted:\r\n document.getElementById(\"WebToLeadForm\").submit();\r\n return false;\r\n }\r\n \/\/ Otherwise, display the correct tab:\r\n showTab(currentTab);\r\n }\r\n\r\n function validateForm() {\r\n \/\/ This function deals with validation of the form fields\r\n var x, y, i, valid = true;\r\n x = document.getElementsByClassName(\"tab\");\r\n y = x[currentTab].getElementsByTagName(\"input\");\r\n \/\/ A loop that checks every input field in the current tab:\r\n for (i = 0; i < y.length; i++) {\r\n \/\/ If a field is empty...\r\n if (y[i].value == \"\") {\r\n \/\/ add an \"invalid\" class to the field:\r\n y[i].className += \" invalid\";\r\n \/\/ and set the current valid status to false\r\n valid = false;\r\n }\r\n }\r\n \/\/ If the valid status is true, mark the step as finished and valid:\r\n if (valid) {\r\n document.getElementsByClassName(\"step\")[currentTab].className += \" finish\";\r\n }\r\n return valid; \/\/ return the valid status\r\n }\r\n\r\n function fixStepIndicator(n) {\r\n \/\/ This function removes the \"active\" class of all steps...\r\n var i, x = document.getElementsByClassName(\"step\");\r\n for (i = 0; i < x.length; i++) {\r\n x[i].className = x[i].className.replace(\" active\", \"\");\r\n }\r\n \/\/... and adds the \"active\" class on the current step:\r\n x[n].className += \" active\";\r\n }\r\n\r\n <\/script>\r\n\r\n\r\n\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n\r\njQuery.noConflict();\r\n\r\n jQuery('.menu-item-has-children > a').append('<i class=\"fa fa-angle-down\"><\/i>');\r\n\r\njQuery('.menu-item-has-children > a').on('click', function(e){\r\n e.preventDefault()\r\n jQuery(this).parent().toggleClass('activo')\r\n jQuery(this).toggleClass('menu-activo')\r\n\r\n});\r\n\r\n\r\nfunction initMultiStepForm() {\r\nconst progressNumber = document.querySelectorAll(\".step\").length;\r\nconst slidePage = document.querySelector(\".slide-page\");\r\nconst submitBtn = document.querySelector(\".submit\");\r\nconst progressText = document.querySelectorAll(\".step p\");\r\nconst progressCheck = document.querySelectorAll(\".step .check\");\r\nconst bullet = document.querySelectorAll(\".step .bullet\");\r\nconst pages = document.querySelectorAll(\".page\");\r\nconst nextButtons = document.querySelectorAll(\".next\");\r\nconst prevButtons = document.querySelectorAll(\".prev\");\r\nconst stepsNumber = pages.length;\r\n\r\nif (progressNumber !== stepsNumber) {\r\n console.warn(\r\n \"Error, n\u00fameros no coinciden con el n\u00famero de pasos\"\r\n );\r\n}\r\n\r\ndocument.documentElement.style.setProperty(\"--stepNumber\", stepsNumber);\r\n\r\nlet current = 1;\r\n\r\nfor (let i = 0; i < nextButtons.length; i++) {\r\n nextButtons[i].addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n\r\n inputsValid = validateInputs(this);\r\n \/\/ inputsValid = true;\r\n\r\n if (inputsValid) {\r\n slidePage.style.marginLeft = `-${\r\n (100 \/ stepsNumber) * current\r\n }%`;\r\n bullet[current - 1].classList.add(\"active\");\r\n progressCheck[current - 1].classList.add(\"active\");\r\n progressText[current - 1].classList.add(\"active\");\r\n current += 1;\r\n }\r\n });\r\n}\r\n\r\nfor (let i = 0; i < prevButtons.length; i++) {\r\n prevButtons[i].addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n slidePage.style.marginLeft = `-${\r\n (100 \/ stepsNumber) * (current - 2)\r\n }%`;\r\n bullet[current - 2].classList.remove(\"active\");\r\n progressCheck[current - 2].classList.remove(\"active\");\r\n progressText[current - 2].classList.remove(\"active\");\r\n current -= 1;\r\n });\r\n}\r\nsubmitBtn.addEventListener(\"click\", function () {\r\n bullet[current - 1].classList.add(\"active\");\r\n progressCheck[current - 1].classList.add(\"active\");\r\n progressText[current - 1].classList.add(\"active\");\r\n current += 1;\r\n\r\n});\r\n\r\nfunction validateInputs(ths) {\r\n let inputsValid = true;\r\n\r\n const inputs =\r\n ths.parentElement.parentElement.querySelectorAll(\"input\");\r\n for (let i = 0; i < inputs.length; i++) {\r\n const valid = inputs[i].checkValidity();\r\n if (!valid) {\r\n inputsValid = false;\r\n inputs[i].classList.add(\"invalid-input\");\r\n } else {\r\n inputs[i].classList.remove(\"invalid-input\");\r\n }\r\n }\r\n return inputsValid;\r\n}\r\n}\r\n\r\n\r\n\r\n<\/script>\r\n\r\n\r\n<script>\r\n\r\nvar $redirect = 'https:\/\/www.uic.mx\/bachillerato\/beca-de-'\r\n\r\njQuery('input[type=radio]').change(function() {\r\n\r\nvar $promedio = this.value\r\nvar $resultado = jQuery(this).attr('placeholder')\r\n\r\njQuery('#redirect_url').val($redirect + $resultado)\r\njQuery('#beca').val($resultado)\r\njQuery('#promedio').val($promedio)\r\n\r\nconsole.log($resultado)\r\n\r\n\r\n});\r\n\r\n\r\n\r\n<\/script>\r\n\r\n<script>\r\n\r\n\/\/ FORMA DE CONTACTO\r\n\r\njQuery('#forma').change(function(){\r\n\r\n var formContact = jQuery(this).val();\r\n jQuery('#digformacont_txt_c').val(formContact)\r\n});\r\n\r\n\/\/ HORARIO CONTACTO\r\njQuery('#horarioContacto').change(function(){\r\n\r\n var formContact = jQuery(this).val();\r\n jQuery('#dighoracont_txt_c').val(formContact)\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CALCULA TU BECA UIC PARA BACHILLERATO CALCULA TU BECA UIC PARA BACHILLERATO Ingresa los datos solicitados y averigua cu\u00e1l es el monto m\u00e1ximo de beca que podr\u00edas obtener, despu\u00e9s de tu registro un asesor educativo se pondr\u00e1 en contacto contigo para brindarte m\u00e1s informaci\u00f3n.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-746","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calculadora - Bachillerato UIC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora - Bachillerato UIC\" \/>\n<meta property=\"og:description\" content=\"CALCULA TU BECA UIC PARA BACHILLERATO CALCULA TU BECA UIC PARA BACHILLERATO Ingresa los datos solicitados y averigua cu\u00e1l es el monto m\u00e1ximo de beca que podr\u00edas obtener, despu\u00e9s de tu registro un asesor educativo se pondr\u00e1 en contacto contigo para brindarte m\u00e1s informaci\u00f3n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/\" \/>\n<meta property=\"og:site_name\" content=\"Bachillerato UIC\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-11T05:29:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/\",\"url\":\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/\",\"name\":\"Calculadora - Bachillerato UIC\",\"isPartOf\":{\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#website\"},\"datePublished\":\"2024-10-10T19:34:27+00:00\",\"dateModified\":\"2024-10-11T05:29:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/calculadora\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.uic.mx\/bachillerato\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#website\",\"url\":\"https:\/\/www.uic.mx\/bachillerato\/\",\"name\":\"Bachillerato UIC\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.uic.mx\/bachillerato\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#organization\",\"name\":\"Bachillerato UIC\",\"url\":\"https:\/\/www.uic.mx\/bachillerato\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.uic.mx\/bachillerato\/wp-content\/uploads\/Logo-50-Universidad-Intercontinental-horizontal-blanco-scaled.png\",\"contentUrl\":\"https:\/\/www.uic.mx\/bachillerato\/wp-content\/uploads\/Logo-50-Universidad-Intercontinental-horizontal-blanco-scaled.png\",\"width\":2560,\"height\":643,\"caption\":\"Bachillerato UIC\"},\"image\":{\"@id\":\"https:\/\/www.uic.mx\/bachillerato\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calculadora - Bachillerato UIC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/","og_locale":"es_MX","og_type":"article","og_title":"Calculadora - Bachillerato UIC","og_description":"CALCULA TU BECA UIC PARA BACHILLERATO CALCULA TU BECA UIC PARA BACHILLERATO Ingresa los datos solicitados y averigua cu\u00e1l es el monto m\u00e1ximo de beca que podr\u00edas obtener, despu\u00e9s de tu registro un asesor educativo se pondr\u00e1 en contacto contigo para brindarte m\u00e1s informaci\u00f3n.","og_url":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/","og_site_name":"Bachillerato UIC","article_modified_time":"2024-10-11T05:29:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/","url":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/","name":"Calculadora - Bachillerato UIC","isPartOf":{"@id":"https:\/\/www.uic.mx\/bachillerato\/#website"},"datePublished":"2024-10-10T19:34:27+00:00","dateModified":"2024-10-11T05:29:05+00:00","breadcrumb":{"@id":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uic.mx\/bachillerato\/calculadora\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.uic.mx\/bachillerato\/calculadora\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.uic.mx\/bachillerato\/"},{"@type":"ListItem","position":2,"name":"Calculadora"}]},{"@type":"WebSite","@id":"https:\/\/www.uic.mx\/bachillerato\/#website","url":"https:\/\/www.uic.mx\/bachillerato\/","name":"Bachillerato UIC","description":"","publisher":{"@id":"https:\/\/www.uic.mx\/bachillerato\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uic.mx\/bachillerato\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.uic.mx\/bachillerato\/#organization","name":"Bachillerato UIC","url":"https:\/\/www.uic.mx\/bachillerato\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.uic.mx\/bachillerato\/#\/schema\/logo\/image\/","url":"https:\/\/www.uic.mx\/bachillerato\/wp-content\/uploads\/Logo-50-Universidad-Intercontinental-horizontal-blanco-scaled.png","contentUrl":"https:\/\/www.uic.mx\/bachillerato\/wp-content\/uploads\/Logo-50-Universidad-Intercontinental-horizontal-blanco-scaled.png","width":2560,"height":643,"caption":"Bachillerato UIC"},"image":{"@id":"https:\/\/www.uic.mx\/bachillerato\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/pages\/746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/comments?post=746"}],"version-history":[{"count":61,"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/pages\/746\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/pages\/746\/revisions\/877"}],"wp:attachment":[{"href":"https:\/\/www.uic.mx\/bachillerato\/wp-json\/wp\/v2\/media?parent=746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}