{"id":2991,"date":"2026-03-18T14:59:32","date_gmt":"2026-03-18T14:59:32","guid":{"rendered":"https:\/\/usahomeimprovement.com\/?page_id=2991"},"modified":"2026-04-21T18:22:48","modified_gmt":"2026-04-21T18:22:48","slug":"spanish","status":"publish","type":"page","link":"https:\/\/usahomeimprovement.com\/es\/promo\/spanish\/","title":{"rendered":"Spanish"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Formulario USA Home Improvement<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/imask\/6.4.3\/imask.min.js\"><\/script>\r\n <style>\r\n .form-container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n padding: 20px;\r\n }\r\n\r\n .form-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);\r\n padding: 40px 32px;\r\n position: relative;\r\n }\r\n\r\n .form-step {\r\n display: none;\r\n animation: fadeIn 0.3s ease-in;\r\n }\r\n\r\n .form-step.active {\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .logo-container {\r\n text-align: center;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .logo {\r\n width: 64px;\r\n height: 64px;\r\n margin: 0 auto;\r\n }\r\n\r\n .brand-name {\r\n font-size: 18px;\r\n color: #8B92A7;\r\n margin-top: 12px;\r\n font-weight: 400;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .form-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #1A1D29;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n line-height: 1.3;\r\n }\r\n\r\n .form-subtitle {\r\n font-size: 16px;\r\n color: #5B6478;\r\n margin-bottom: 32px;\r\n text-align: center;\r\n line-height: 1.5;\r\n }\r\n\r\n .form-label {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #1A1D29;\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .name-fields-container {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 16px;\r\n margin-bottom: 0;\r\n }\r\n \r\n .name-fields-container .input-group {\r\n margin-bottom: 24px;\r\n flex: 1;\r\n width: 50%;\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 14px 16px;\r\n border: 1.5px solid #E4E7EC;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n font-family: inherit;\r\n color: #1A1D29;\r\n transition: all 0.2s ease;\r\n box-sizing: border-box;\r\n }\r\n\r\n .form-input::placeholder {\r\n color: #A8B1C5;\r\n }\r\n\r\n .form-input:focus {\r\n outline: none;\r\n border-color: #4A7CFF;\r\n box-shadow: 0 0 0 3px rgba(74, 124, 255, 0.1);\r\n }\r\n\r\n .radio-option {\r\n background: #FFFFFF;\r\n border: 1.5px solid #E4E7EC;\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .radio-option:hover {\r\n border-color: #B8C5E0;\r\n background: #F8F9FB;\r\n }\r\n\r\n .radio-option input[type=\"radio\"] {\r\n position: absolute;\r\n opacity: 0;\r\n }\r\n\r\n .radio-option input[type=\"radio\"]:checked + label {\r\n color: #4A7CFF;\r\n font-weight: 600;\r\n }\r\n\r\n .radio-option input[type=\"radio\"]:checked ~ .radio-circle {\r\n border-color: #4A7CFF;\r\n }\r\n\r\n .radio-option input[type=\"radio\"]:checked ~ .radio-circle::after {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .radio-option.selected {\r\n border-color: #4A7CFF;\r\n background: #F0F5FF;\r\n }\r\n\r\n .radio-label {\r\n font-size: 16px;\r\n color: #1A1D29;\r\n cursor: pointer;\r\n flex: 1;\r\n font-weight: 500;\r\n line-height: 24px;\r\n margin: 0;\r\n }\r\n\r\n .radio-circle {\r\n width: 24px;\r\n height: 24px;\r\n border: 2px solid #D0D5DD;\r\n border-radius: 50%;\r\n position: relative;\r\n transition: all 0.2s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .radio-circle::after {\r\n content: '';\r\n width: 12px;\r\n height: 12px;\r\n background: #4A7CFF;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n transition: all 0.2s ease;\r\n opacity: 0;\r\n }\r\n\r\n .btn-primary {\r\n width: 100%;\r\n padding: 16px;\r\n background: #4A7CFF;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n margin-top: 8px;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #3461E6;\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(74, 124, 255, 0.3);\r\n }\r\n\r\n .btn-primary:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .btn-primary:disabled {\r\n background: #CBD5E1;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .progress-bar-container {\r\n width: 100%;\r\n height: 4px;\r\n background: #E4E7EC;\r\n border-radius: 2px;\r\n margin-bottom: 32px;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-bar {\r\n height: 100%;\r\n background: linear-gradient(90deg, #4A7CFF 0%, #6B94FF 100%);\r\n border-radius: 2px;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .back-button {\r\n background: none;\r\n border: none;\r\n color: #5B6478;\r\n font-size: 24px;\r\n cursor: pointer;\r\n padding: 8px;\r\n margin-bottom: 24px;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .back-button:hover {\r\n color: #1A1D29;\r\n }\r\n\r\n .helper-text {\r\n font-size: 13px;\r\n color: #8B92A7;\r\n margin-top: 8px;\r\n line-height: 1.4;\r\n }\r\n \r\n .error-text {\r\n font-size: 13px;\r\n color: #EF4444;\r\n margin-top: 8px;\r\n line-height: 1.4;\r\n display: none;\r\n }\r\n \r\n .error-text.show {\r\n display: block;\r\n }\r\n \r\n .form-input.error {\r\n border-color: #EF4444;\r\n }\r\n \r\n .radio-option.error {\r\n border-color: #EF4444;\r\n }\r\n\r\n .call-button {\r\n width: 100%;\r\n padding: 16px;\r\n background: #4A7CFF;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n }\r\n\r\n .call-button:hover {\r\n background: #3461E6;\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(74, 124, 255, 0.3);\r\n }\r\n\r\n .success-icon {\r\n color: #10B981;\r\n font-size: 14px;\r\n margin-right: 6px;\r\n }\r\n\r\n .privacy-section {\r\n background: #F8F9FB;\r\n border-radius: 12px;\r\n padding: 24px;\r\n margin-top: 24px;\r\n }\r\n\r\n .privacy-title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #1A1D29;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .privacy-text {\r\n font-size: 14px;\r\n color: #5B6478;\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .privacy-link {\r\n color: #4A7CFF;\r\n text-decoration: none;\r\n font-weight: 500;\r\n }\r\n\r\n .privacy-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n padding: 16px;\r\n background: #4A7CFF;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-family: inherit;\r\n margin-top: 8px;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #3461E6;\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(74, 124, 255, 0.3);\r\n }\r\n\r\n .btn-submit:active {\r\n transform: translateY(0);\r\n }\r\n\r\n .navigation-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n margin-top: 24px;\r\n font-size: 14px;\r\n color: #8B92A7;\r\n gap: 16px;\r\n }\r\n\r\n .step-indicator {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n\r\n .step-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #E4E7EC;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .step-dot.active {\r\n background: #4A7CFF;\r\n width: 24px;\r\n border-radius: 4px;\r\n }\r\n\r\n .review-section {\r\n background: #F8F9FB;\r\n border-radius: 12px;\r\n padding: 24px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .review-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #8B92A7;\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .review-item {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .review-label {\r\n font-size: 14px;\r\n color: #5B6478;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .review-value {\r\n font-size: 15px;\r\n color: #1A1D29;\r\n font-weight: 500;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .form-card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .name-fields-container {\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n \r\n .name-fields-container .input-group {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"form-container\">\r\n <div class=\"form-card\">\r\n \r\n <!-- Barra de Progreso -->\r\n <div class=\"progress-bar-container\">\r\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n <\/div>\r\n\r\n <!-- Paso 1: Propietario o Contratista -->\r\n <div class=\"form-step active\" data-step=\"1\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/promo.usahomeimprovement.com\/wp-content\/uploads\/2025\/04\/USAHI-Logo.png\" alt=\"USA Home Improvement\" class=\"logo\" style=\"width: auto; height: 64px;\">\r\n <\/div>\r\n\r\n <h1 class=\"form-title\">30+ A\u00f1os de Experiencia<\/h1>\r\n <p class=\"form-subtitle\">Contratista con las Mejores Calificaciones Sirviendo a Propietarios en Florida.<br><br>\u00a1Nuestros Clientes Siempre Son lo Primero!<\/p>\r\n\r\n <label class=\"form-label\">\u00bfPropietario o Contratista?<\/label>\r\n <div id=\"userTypeError\" class=\"error-text\">Por favor seleccione una opci\u00f3n<\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'user_type', 'Homeowner')\">\r\n <input type=\"radio\" name=\"user_type\" value=\"Homeowner\" id=\"homeowner\">\r\n <label class=\"radio-label\" for=\"homeowner\">Propietario<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'user_type', 'Contractor')\">\r\n <input type=\"radio\" name=\"user_type\" value=\"Contractor\" id=\"contractor\">\r\n <label class=\"radio-label\" for=\"contractor\">Contratista<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-primary\" onclick=\"nextStep()\">Continuar<\/button>\r\n\r\n <div class=\"navigation-footer\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot active\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <\/div>\r\n <span>1 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paso 2: Cantidad de Ventanas\/Puertas -->\r\n <div class=\"form-step\" data-step=\"2\">\r\n <button class=\"back-button\" onclick=\"prevStep()\">\u2039<\/button>\r\n\r\n <label class=\"form-label\">\u00bfCu\u00e1ntas ventanas\/puertas desea reemplazar?<\/label>\r\n <div id=\"windowCountError\" class=\"error-text\">Por favor seleccione una opci\u00f3n<\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'window_count', 'Under 5')\">\r\n <input type=\"radio\" name=\"window_count\" value=\"Under 5\" id=\"under5\">\r\n <label class=\"radio-label\" for=\"under5\">Menos de 5<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'window_count', '5-10')\">\r\n <input type=\"radio\" name=\"window_count\" value=\"5-10\" id=\"5to10\">\r\n <label class=\"radio-label\" for=\"5to10\">5-10<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'window_count', '10+')\">\r\n <input type=\"radio\" name=\"window_count\" value=\"10+\" id=\"10plus\">\r\n <label class=\"radio-label\" for=\"10plus\">M\u00e1s de 10<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-primary\" onclick=\"nextStep()\">Continuar<\/button>\r\n\r\n <div class=\"navigation-footer\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot active\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <\/div>\r\n <span>2 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paso 3: Informaci\u00f3n Personal -->\r\n <div class=\"form-step\" data-step=\"3\">\r\n <button class=\"back-button\" onclick=\"prevStep()\">\u2039<\/button>\r\n\r\n <p class=\"form-subtitle\" style=\"text-align: left; margin-bottom: 24px;\">Nos pondremos en contacto pronto al n\u00famero de tel\u00e9fono que agregue a continuaci\u00f3n.<\/p>\r\n\r\n <div class=\"name-fields-container\">\r\n <div class=\"input-group\">\r\n <label class=\"form-label\">Nombre<\/label>\r\n <input type=\"text\" class=\"form-input\" id=\"firstName\" placeholder=\"Ingrese su respuesta.\">\r\n <div id=\"firstNameError\" class=\"error-text\">Por favor ingrese su nombre<\/div>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label class=\"form-label\">Apellido<\/label>\r\n <input type=\"text\" class=\"form-input\" id=\"lastName\" placeholder=\"Ingrese su respuesta.\">\r\n <div id=\"lastNameError\" class=\"error-text\">Por favor ingrese su apellido<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label class=\"form-label\">Correo electr\u00f3nico<\/label>\r\n <input type=\"email\" class=\"form-input\" id=\"email\" placeholder=\"Ingrese su respuesta.\">\r\n <div class=\"helper-text\">USA Home Improvement puede contactarlo para dar seguimiento.<\/div>\r\n <div id=\"emailError\" class=\"error-text\">Por favor ingrese un correo electr\u00f3nico v\u00e1lido<\/div>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <label class=\"form-label\">N\u00famero de tel\u00e9fono<\/label>\r\n <input type=\"tel\" class=\"form-input\" id=\"phone\" placeholder=\"(___) ___-____\">\r\n <div class=\"helper-text\">Ingrese su n\u00famero de tel\u00e9fono de EE. UU. sin el c\u00f3digo de pa\u00eds +1.<\/div>\r\n <div id=\"phoneError\" class=\"error-text\">Por favor ingrese un n\u00famero de tel\u00e9fono v\u00e1lido de 10 d\u00edgitos<\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-primary\" onclick=\"nextStep()\">Continuar<\/button>\r\n\r\n <div class=\"navigation-footer\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot active\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <\/div>\r\n <span>3 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paso 4: Mejor Horario para Llamar -->\r\n <div class=\"form-step\" data-step=\"4\">\r\n <button class=\"back-button\" onclick=\"prevStep()\">\u2039<\/button>\r\n\r\n <label class=\"form-label\">\u00bfCu\u00e1l es el mejor horario para llamarlo?<\/label>\r\n <div id=\"bestTimeError\" class=\"error-text\">Por favor seleccione un horario<\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'best_time', 'Morning (9am - 12:00PM)')\">\r\n <input type=\"radio\" name=\"best_time\" value=\"Morning (9am - 12:00PM)\" id=\"morning\">\r\n <label class=\"radio-label\" for=\"morning\">Ma\u00f1ana (9am - 12:00PM)<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'best_time', 'Afternoon (12:00 - 4:00PM)')\">\r\n <input type=\"radio\" name=\"best_time\" value=\"Afternoon (12:00 - 4:00PM)\" id=\"afternoon\">\r\n <label class=\"radio-label\" for=\"afternoon\">Tarde (12:00 - 4:00PM)<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n <div class=\"radio-option\" onclick=\"selectRadio(this, 'best_time', 'After 4:00 PM')\">\r\n <input type=\"radio\" name=\"best_time\" value=\"After 4:00 PM\" id=\"after4\">\r\n <label class=\"radio-label\" for=\"after4\">Despu\u00e9s de las 4:00 PM<\/label>\r\n <div class=\"radio-circle\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-primary\" onclick=\"nextStep()\">Continuar<\/button>\r\n\r\n <div class=\"navigation-footer\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot active\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <\/div>\r\n <span>4 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paso 5: Revisar -->\r\n <div class=\"form-step\" data-step=\"5\">\r\n <button class=\"back-button\" onclick=\"prevStep()\">\u2039<\/button>\r\n\r\n <h2 class=\"form-title\" style=\"text-align: left; margin-bottom: 24px;\">Revise su informaci\u00f3n<\/h2>\r\n\r\n <div class=\"review-section\">\r\n <div class=\"review-title\">Informaci\u00f3n personal<\/div>\r\n <div class=\"review-item\">\r\n <div class=\"review-label\">Nombre<\/div>\r\n <div class=\"review-value\" id=\"reviewFirstName\">-<\/div>\r\n <\/div>\r\n <div class=\"review-item\">\r\n <div class=\"review-label\">Apellido<\/div>\r\n <div class=\"review-value\" id=\"reviewLastName\">-<\/div>\r\n <\/div>\r\n <div class=\"review-item\">\r\n <div class=\"review-label\">Correo electr\u00f3nico<\/div>\r\n <div class=\"review-value\" id=\"reviewEmail\">-<\/div>\r\n <\/div>\r\n <div class=\"review-item\">\r\n <div class=\"review-label\">N\u00famero de tel\u00e9fono<\/div>\r\n <div class=\"review-value\" id=\"reviewPhone\">-<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"privacy-section\">\r\n <div class=\"privacy-title\">Pol\u00edtica de privacidad<\/div>\r\n <p class=\"privacy-text\">\r\n Al hacer clic en Enviar, acepta enviar su informaci\u00f3n a USA Home Improvement, quien se compromete a usarla de acuerdo con su pol\u00edtica de privacidad. Facebook tambi\u00e9n la usar\u00e1 sujeta a nuestra Pol\u00edtica de Datos, incluso para autocompletar formularios de anuncios.\r\n <\/p>\r\n <a href=\"https:\/\/www.facebook.com\/privacy\/policy\/\" class=\"privacy-link\" rel=\"nofollow noopener\" target=\"_blank\">Ver Pol\u00edtica de Datos de Facebook.<\/a><br>\r\n <a href=\"https:\/\/usahomeimprovement.com\/privacy-policy\" class=\"privacy-link\">Ver Pol\u00edtica de Privacidad de USA Home Improvement.<\/a>\r\n <\/div>\r\n\r\n <button class=\"btn-submit\" onclick=\"submitForm()\">Enviar<\/button>\r\n\r\n <div class=\"navigation-footer\">\r\n <div class=\"step-indicator\">\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <div class=\"step-dot active\"><\/div>\r\n <div class=\"step-dot\"><\/div>\r\n <\/div>\r\n <span>5 de 6<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paso 6: \u00c9xito -->\r\n <div class=\"form-step\" data-step=\"6\">\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/promo.usahomeimprovement.com\/wp-content\/uploads\/2025\/04\/USAHI-Logo.png\" alt=\"USA Home Improvement\" class=\"logo\" style=\"width: auto; height: 64px;\">\r\n <\/div>\r\n\r\n <h1 class=\"form-title\">Gracias, todo est\u00e1 listo.<\/h1>\r\n <p class=\"form-subtitle\">Agradecemos que se haya comunicado con nosotros. Uno de nuestros representantes se pondr\u00e1 en contacto con usted en breve.<\/p>\r\n <p class=\"form-subtitle\"><strong>Para asistencia inmediata, comun\u00edquese con nosotros al 954-324-4068<\/strong><\/p>\r\n\r\n <p class=\"form-subtitle\" style=\"color: #10B981; font-weight: 500;\">\r\n <span class=\"success-icon\">\u24d8<\/span>Envi\u00f3 sus respuestas exitosamente.\r\n <\/p>\r\n\r\n <a href=\"tel:954-324-4068\" class=\"call-button\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M18.3333 14.1V16.6C18.3343 16.8321 18.2867 17.0618 18.1937 17.2744C18.1008 17.487 17.9644 17.6779 17.7934 17.8349C17.6224 17.9919 17.4205 18.1112 17.2006 18.1855C16.9808 18.2599 16.7478 18.2875 16.5167 18.2667C13.9523 17.988 11.4892 17.1118 9.32498 15.7084C7.31151 14.4289 5.60443 12.7218 4.32499 10.7084C2.91663 8.53436 2.04019 6.05916 1.76665 3.48337C1.74583 3.25293 1.77321 3.02069 1.84707 2.80139C1.92092 2.58209 2.03963 2.38064 2.19562 2.2098C2.35162 2.03897 2.54149 1.90262 2.75314 1.80968C2.96479 1.71674 3.19348 1.66923 3.42499 1.67004H5.92499C6.32953 1.66598 6.72148 1.80623 7.02812 2.06574C7.33476 2.32524 7.53505 2.68692 7.59165 3.08337C7.69717 3.87687 7.89286 4.65588 8.17499 5.40837C8.2871 5.71907 8.31137 6.05633 8.24491 6.38145C8.17844 6.70657 8.02404 7.00571 7.79998 7.24171L6.74165 8.30004C7.92795 10.3981 9.60189 12.072 11.7 13.2584L12.7583 12.2C12.9943 11.976 13.2935 11.8216 13.6186 11.7551C13.9437 11.6886 14.281 11.7129 14.5917 11.825C15.3442 12.1072 16.1232 12.3028 16.9167 12.4084C17.3179 12.4655 17.6833 12.6694 17.9433 12.9813C18.2033 13.2932 18.3399 13.6913 18.3333 14.1Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n Ll\u00e1menos\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentStep = 1;\r\n const totalSteps = 6;\r\n const formData = {};\r\n let phoneMask;\r\n\r\n \/\/ Inicializar m\u00e1scara de tel\u00e9fono cuando se carga el DOM\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const phoneInput = document.getElementById('phone');\r\n phoneMask = IMask(phoneInput, {\r\n mask: '(000) 000-0000',\r\n lazy: false\r\n });\r\n\r\n \/\/ Prevenir escribir 1 como primer d\u00edgito\r\n phoneInput.addEventListener('input', function(e) {\r\n const unmaskedValue = phoneMask.unmaskedValue;\r\n if (unmaskedValue.length > 0 && unmaskedValue.charAt(0) === '1') {\r\n \/\/ Limpiar todo el campo y reiniciar\r\n phoneMask.unmaskedValue = '';\r\n phoneMask.updateValue();\r\n phoneInput.value = '';\r\n \r\n \/\/ Mostrar advertencia con borde rojo\r\n phoneInput.style.borderColor = '#EF4444';\r\n setTimeout(() => {\r\n phoneInput.style.borderColor = '';\r\n }, 1000);\r\n }\r\n });\r\n \r\n \/\/ Add blur validation for Step 3 fields\r\n document.getElementById('firstName').addEventListener('blur', function() {\r\n validateField('firstName', this.value.trim(), 'Por favor ingrese su nombre');\r\n });\r\n \r\n document.getElementById('lastName').addEventListener('blur', function() {\r\n validateField('lastName', this.value.trim(), 'Por favor ingrese su apellido');\r\n });\r\n \r\n document.getElementById('email').addEventListener('blur', function() {\r\n const value = this.value.trim();\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!value) {\r\n validateField('email', false, 'Por favor ingrese su correo electr\u00f3nico');\r\n } else if (!emailRegex.test(value)) {\r\n validateField('email', false, 'Por favor ingrese un correo electr\u00f3nico v\u00e1lido');\r\n } else {\r\n validateField('email', true, '');\r\n }\r\n });\r\n \r\n document.getElementById('phone').addEventListener('blur', function() {\r\n const phone = phoneMask.unmaskedValue;\r\n if (!phone) {\r\n validateField('phone', false, 'Por favor ingrese su n\u00famero de tel\u00e9fono');\r\n } else if (phone.length !== 10) {\r\n validateField('phone', false, 'Por favor ingrese un n\u00famero de tel\u00e9fono v\u00e1lido de 10 d\u00edgitos');\r\n } else {\r\n validateField('phone', true, '');\r\n }\r\n });\r\n });\r\n \r\n function validateField(fieldName, isValid, errorMessage) {\r\n const errorElement = document.getElementById(fieldName + 'Error');\r\n const inputElement = document.getElementById(fieldName);\r\n \r\n if (isValid) {\r\n errorElement.classList.remove('show');\r\n inputElement.classList.remove('error');\r\n } else {\r\n errorElement.textContent = errorMessage;\r\n errorElement.classList.add('show');\r\n inputElement.classList.add('error');\r\n }\r\n }\r\n\r\n \/\/ Obtener par\u00e1metros UTM y GCLID de la URL\r\n function getURLParameters() {\r\n const params = new URLSearchParams(window.location.search);\r\n return {\r\n fuente_utm: params.get('utm_source') || '',\r\n medio_utm: params.get('utm_medium') || '',\r\n campana_utm: params.get('utm_campaign') || '',\r\n termino_utm: params.get('utm_term') || '',\r\n contenido_utm: params.get('utm_content') || '',\r\n gclid: params.get('gclid') || '',\r\n url_pagina: window.location.href,\r\n hora_envio: new Date().toISOString(),\r\n idioma: 'es'\r\n };\r\n }\r\n\r\n function updateProgressBar() {\r\n const progress = (currentStep \/ totalSteps) * 100;\r\n document.getElementById('progressBar').style.width = progress + '%';\r\n }\r\n\r\n function nextStep() {\r\n \/\/ Validar paso actual\r\n if (!validateStep()) {\r\n return;\r\n }\r\n\r\n \/\/ Guardar datos del paso actual\r\n saveStepData();\r\n\r\n if (currentStep < totalSteps) {\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.remove('active');\r\n currentStep++;\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.add('active');\r\n updateProgressBar();\r\n\r\n \/\/ Actualizar secci\u00f3n de revisi\u00f3n si se mueve al paso 5\r\n if (currentStep === 5) {\r\n updateReview();\r\n }\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.remove('active');\r\n currentStep--;\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.add('active');\r\n updateProgressBar();\r\n }\r\n }\r\n\r\n function validateStep() {\r\n if (currentStep === 1) {\r\n const userType = document.querySelector('input[name=\"user_type\"]:checked');\r\n if (!userType) {\r\n document.getElementById('userTypeError').classList.add('show');\r\n document.querySelectorAll('input[name=\"user_type\"]').forEach(radio => {\r\n radio.closest('.radio-option').classList.add('error');\r\n });\r\n return false;\r\n }\r\n } else if (currentStep === 2) {\r\n const windowCount = document.querySelector('input[name=\"window_count\"]:checked');\r\n if (!windowCount) {\r\n document.getElementById('windowCountError').classList.add('show');\r\n document.querySelectorAll('input[name=\"window_count\"]').forEach(radio => {\r\n radio.closest('.radio-option').classList.add('error');\r\n });\r\n return false;\r\n }\r\n } else if (currentStep === 3) {\r\n let isValid = true;\r\n \r\n const firstName = document.getElementById('firstName').value.trim();\r\n if (!firstName) {\r\n validateField('firstName', false, 'Por favor ingrese su nombre');\r\n isValid = false;\r\n }\r\n \r\n const lastName = document.getElementById('lastName').value.trim();\r\n if (!lastName) {\r\n validateField('lastName', false, 'Por favor ingrese su apellido');\r\n isValid = false;\r\n }\r\n \r\n const email = document.getElementById('email').value.trim();\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (!email) {\r\n validateField('email', false, 'Por favor ingrese su correo electr\u00f3nico');\r\n isValid = false;\r\n } else if (!emailRegex.test(email)) {\r\n validateField('email', false, 'Por favor ingrese un correo electr\u00f3nico v\u00e1lido');\r\n isValid = false;\r\n }\r\n \r\n const phone = phoneMask.unmaskedValue;\r\n if (!phone) {\r\n validateField('phone', false, 'Por favor ingrese su n\u00famero de tel\u00e9fono');\r\n isValid = false;\r\n } else if (phone.length !== 10) {\r\n validateField('phone', false, 'Por favor ingrese un n\u00famero de tel\u00e9fono v\u00e1lido de 10 d\u00edgitos');\r\n isValid = false;\r\n }\r\n \r\n return isValid;\r\n } else if (currentStep === 4) {\r\n const bestTime = document.querySelector('input[name=\"best_time\"]:checked');\r\n if (!bestTime) {\r\n document.getElementById('bestTimeError').classList.add('show');\r\n document.querySelectorAll('input[name=\"best_time\"]').forEach(radio => {\r\n radio.closest('.radio-option').classList.add('error');\r\n });\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n function saveStepData() {\r\n if (currentStep === 1) {\r\n formData.tipo_usuario = document.querySelector('input[name=\"user_type\"]:checked')?.value === 'Homeowner' ? 'Propietario' : 'Contratista';\r\n } else if (currentStep === 2) {\r\n const windowValue = document.querySelector('input[name=\"window_count\"]:checked')?.value;\r\n if (windowValue === 'Under 5') {\r\n formData.cantidad_ventanas = 'Menos de 5';\r\n } else if (windowValue === '5-10') {\r\n formData.cantidad_ventanas = '5-10';\r\n } else if (windowValue === '10+') {\r\n formData.cantidad_ventanas = 'M\u00e1s de 10';\r\n }\r\n } else if (currentStep === 3) {\r\n formData.nombre = document.getElementById('firstName').value.trim();\r\n formData.apellido = document.getElementById('lastName').value.trim();\r\n formData.correo = document.getElementById('email').value.trim();\r\n formData.telefono = document.getElementById('phone').value.trim();\r\n formData.telefono_raw = phoneMask.unmaskedValue;\r\n } else if (currentStep === 4) {\r\n const timeValue = document.querySelector('input[name=\"best_time\"]:checked')?.value;\r\n if (timeValue === 'Morning (9am - 12:00PM)') {\r\n formData.mejor_horario = 'Ma\u00f1ana (9am - 12:00PM)';\r\n } else if (timeValue === 'Afternoon (12:00 - 4:00PM)') {\r\n formData.mejor_horario = 'Tarde (12:00 - 4:00PM)';\r\n } else if (timeValue === 'After 4:00 PM') {\r\n formData.mejor_horario = 'Despu\u00e9s de las 4:00 PM';\r\n }\r\n }\r\n }\r\n\r\n function updateReview() {\r\n document.getElementById('reviewFirstName').textContent = formData.nombre || '-';\r\n document.getElementById('reviewLastName').textContent = formData.apellido || '-';\r\n document.getElementById('reviewEmail').textContent = formData.correo || '-';\r\n document.getElementById('reviewPhone').textContent = formData.telefono || '-';\r\n }\r\n\r\n function selectRadio(element, name, value) {\r\n \/\/ Remover clase seleccionada de todas las opciones con el mismo nombre\r\n document.querySelectorAll(`input[name=\"${name}\"]`).forEach(radio => {\r\n radio.closest('.radio-option').classList.remove('selected');\r\n radio.closest('.radio-option').classList.remove('error');\r\n });\r\n \r\n \/\/ Agregar clase seleccionada a la opci\u00f3n clicada\r\n element.classList.add('selected');\r\n \r\n \/\/ Marcar el bot\u00f3n de radio\r\n element.querySelector('input[type=\"radio\"]').checked = true;\r\n \r\n \/\/ Clear error message for this field\r\n if (name === 'user_type') {\r\n document.getElementById('userTypeError').classList.remove('show');\r\n } else if (name === 'window_count') {\r\n document.getElementById('windowCountError').classList.remove('show');\r\n } else if (name === 'best_time') {\r\n document.getElementById('bestTimeError').classList.remove('show');\r\n }\r\n }\r\n\r\n async function submitForm() {\r\n console.log('Funci\u00f3n de env\u00edo de formulario llamada');\r\n \r\n \/\/ Guardar datos del \u00faltimo paso\r\n saveStepData();\r\n\r\n \/\/ Obtener par\u00e1metros de URL\r\n const urlParams = getURLParameters();\r\n\r\n \/\/ Create payload with renamed fields for both webhooks\r\n const submissionData = {\r\n 'First Name': formData.nombre,\r\n 'Last Name': formData.apellido,\r\n 'Email Address': formData.correo,\r\n 'Phone Number': formData.telefono_raw,\r\n \/\/ Keep other fields with original names\r\n user_type: formData.tipo_usuario,\r\n window_count: formData.cantidad_ventanas,\r\n best_time: formData.mejor_horario,\r\n ...urlParams\r\n };\r\n\r\n console.log('Enviando datos:', submissionData);\r\n\r\n try {\r\n \/\/ Enviar al primer webhook (N8N)\r\n console.log('Inicializando webhook 1 (N8N)...');\r\n const webhook1Promise = fetch('https:\/\/webhook.simibrown.cloud\/webhook\/USAHomeImprovement', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify(submissionData)\r\n }).then(response => {\r\n console.log('Respuesta del webhook 1 (N8N) recibida:', response.status);\r\n return response;\r\n }).catch(error => {\r\n console.error('Error del webhook 1 (N8N):', error);\r\n return { ok: false };\r\n });\r\n\r\n \/\/ Enviar al webhook de Zapier usando form-urlencoded para evitar problemas de CORS\r\n console.log('Inicializando webhook 2 (Zapier)...');\r\n const formData2 = new URLSearchParams();\r\n for (const [key, value] of Object.entries(submissionData)) {\r\n formData2.append(key, value);\r\n }\r\n \r\n const webhook2Promise = fetch('https:\/\/hooks.zapier.com\/hooks\/catch\/5395603\/uidkc7b\/', {\r\n method: 'POST',\r\n body: formData2\r\n }).then(response => {\r\n console.log('Respuesta del webhook 2 (Zapier) recibida:', response.status);\r\n return response;\r\n }).catch(error => {\r\n console.error('Error del webhook 2 (Zapier):', error);\r\n return { ok: false };\r\n });\r\n\r\n console.log('Esperando a que ambos webhooks se completen...');\r\n \r\n \/\/ Esperar a que ambos webhooks se completen\r\n const [response1, response2] = await Promise.all([webhook1Promise, webhook2Promise]);\r\n\r\n console.log('Estado final del webhook 1 (N8N):', response1.ok);\r\n console.log('Estado final del webhook 2 (Zapier):', response2.ok);\r\n\r\n if (response1.ok || response2.ok) {\r\n console.log('Formulario enviado exitosamente - al menos un webhook tuvo \u00e9xito');\r\n console.log('Webhook 1 (N8N):', response1.ok ? '\u00c9xito \u2713' : 'Fall\u00f3 \u2717');\r\n console.log('Webhook 2 (Zapier):', response2.ok ? '\u00c9xito \u2713' : 'Fall\u00f3 \u2717');\r\n \r\n \/\/ Ir a la p\u00e1gina de \u00e9xito si al menos un webhook tuvo \u00e9xito\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.remove('active');\r\n currentStep = 6;\r\n document.querySelector(`[data-step=\"${currentStep}\"]`).classList.add('active');\r\n updateProgressBar();\r\n } else {\r\n console.error('Ambos webhooks fallaron');\r\n \/\/ Show inline error instead of alert\r\n const submitBtn = document.querySelector('.btn-submit');\r\n const errorDiv = document.createElement('div');\r\n errorDiv.className = 'error-text show';\r\n errorDiv.textContent = 'Hubo un error al enviar el formulario. Por favor intente nuevamente.';\r\n submitBtn.parentNode.insertBefore(errorDiv, submitBtn);\r\n }\r\n } catch (error) {\r\n console.error('Error cr\u00edtico en submitForm:', error);\r\n \/\/ Show inline error instead of alert\r\n const submitBtn = document.querySelector('.btn-submit');\r\n const errorDiv = document.createElement('div');\r\n errorDiv.className = 'error-text show';\r\n errorDiv.textContent = 'Hubo un error al enviar el formulario. Por favor intente nuevamente.';\r\n submitBtn.parentNode.insertBefore(errorDiv, submitBtn);\r\n }\r\n }\r\n\r\n \/\/ Inicializar barra de progreso\r\n updateProgressBar();\r\n <\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Formulario USA Home Improvement 30+ A\u00f1os de Experiencia Contratista con las Mejores Calificaciones Sirviendo a Propietarios en Florida. \u00a1Nuestros Clientes Siempre Son lo Primero! \u00bfPropietario o Contratista? Por favor seleccione una opci\u00f3n Propietario Contratista Continuar 1 de 6 \u2039 \u00bfCu\u00e1ntas ventanas\/puertas desea reemplazar? Por favor seleccione una opci\u00f3n Menos de 5 5-10 M\u00e1s de 10 […]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":3011,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2991","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/pages\/2991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/comments?post=2991"}],"version-history":[{"count":0,"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/pages\/2991\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/pages\/3011"}],"wp:attachment":[{"href":"https:\/\/usahomeimprovement.com\/es\/wp-json\/wp\/v2\/media?parent=2991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}