{"id":14591,"date":"2024-05-13T19:40:36","date_gmt":"2024-05-13T19:40:36","guid":{"rendered":"https:\/\/peopaygo.com\/?page_id=14591"},"modified":"2025-10-06T12:41:24","modified_gmt":"2025-10-06T12:41:24","slug":"get-rate-exchange","status":"publish","type":"page","link":"https:\/\/peopaygo.com\/es\/get-rate-exchange\/","title":{"rendered":"Rate Exchange"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14591\" class=\"elementor elementor-14591\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24442af e-flex e-con-boxed e-con e-parent\" data-id=\"24442af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffeee3 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"7ffeee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><form x-ref=\"rateExchange\"\n  x-data=\"rateExchange({thankYouPage: '\/get-rate-exchange-thank-you', locale:'', source: 'PEO Rate Exchange', source_id: '143', variant: 'ordered-one', multilingual: false, dynamicUrl: false })\"\n  @submit.prevent=\"onSubmit()\" method=\"POST\" class=\"flex justify-center items-center flex-col\" action=\"\">\n    <input type=\"hidden\" name=\"source\" value=\"PEO Rate Exchange\">\n    \n  <div x-show=\"selected === 0 && (isTranslated === false && multilingual)\" class=\"w-full flex justify-center items-center flex-col\">\n    \n    <div class=\"w-full flex items-center flex-col mt-14 gap-y-6 text-center\">\n      <p class=\"text-[40px] md:text-[52px] text-secondary-600 font-bold font-sans\">Rate Exchange<\/p>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-8 mb-8 text-center\">\n      <p class=\"text-secondary-350 text-xl font-medium font-sans\" x-show=\"selectedLanguage === 'es'\">\u00a1Empecemos!<\/p>\n      <p class=\"text-secondary-350 text-xl font-medium font-sans\" x-show=\"selectedLanguage === 'en'\">Empecemos.<\/p>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 mb-2 gap-y-6\">\n      <span class=\"text-gray-500 font-sans\" x-show=\"selectedLanguage === 'es'\">Por favor seleccione su idioma.<\/span>\n      <span class=\"text-gray-500 font-sans\" x-show=\"selectedLanguage === 'en'\">Elija su idioma.<\/span>\n      <div class=\"flex flex-row gap-x-6\">\n        <div class=\"flex items-center\">\n          <input\n            type=\"radio\"\n            name=\"selectedLanguage\"\n            id=\"language_en\"\n            value=\"en\"\n            x-model=\"selectedLanguage\"\n            x-ref=\"languageInput\"\n            class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n          <label class=\"ml-2 text-gray-500\" for=\"language_en\">Ingl\u00e9s<\/label>\n        <\/div>\n        <div class=\"flex items-center\">\n          <input\n            type=\"radio\"\n            name=\"selectedLanguage\"\n            id=\"language_es\"\n            value=\"es\"\n            x-model=\"selectedLanguage\"\n            x-ref=\"languageInput\"\n            class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n          <label class=\"ml-2 text-gray-500\" for=\"language_es\">English<\/label>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-8 mb-4 gap-y-6\">\n      <button\n        id=\"step-0\"\n        class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-300 rounded-full px-8 py-4 text-white font-inter flex justify-center items-center\"\n        :class=\"{'opacity-20 cursor-not-allowed': isDisabled || isLoading, 'opacity-100 cursor-pointer': !isDisabled && !isLoading}\"\n        :disabled=\"isDisabled || isLoading\"\n        type=\"button\"\n        @click=\"step0()\">\n        <div x-show=\"isLoading\" class=\"mr-2 animate-spin\">\n          <svg class=\"h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n          <\/svg>\n        <\/div>\n        <span x-show=\"selectedLanguage === 'es'\">Continuar<\/span>\n        <span x-show=\"selectedLanguage === 'en'\">Contin\u00fae en<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n  \n  <div x-show=\"selected === 1 && (isTranslated === true || !multilingual)\" class=\"w-full flex justify-center items-center flex-col\">\n    \n    <div class=\"w-full flex items-center flex-col mt-14 gap-y-6 text-center\">\n      <p class=\"text-[40px] md:text-[52px] text-secondary-600 font-bold font-sans\">Rate Exchange<\/p>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-8 text-center\">\n      <p class=\"text-secondary-350 text-base font-medium font-sans\" x-text=\"strings(formData.language).subtitleStep1\"><\/p>\n    <\/div>\n    \n    <div class=\"flex justify-center items-center mt-8 gap-4 border border-primary-300 px-4 py-2 rounded-full\">\n      <div>\n        <span class=\"font-Dmsans text-sm font-bold\" x-text=\"strings(formData.language).textStepOne\" ><\/span>\n      <\/div>\n      <div class=\"flex justify-center items-center gap-1\">\n        <div class=\"w-[10px] h-[10px] rounded-full bg-primary flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-4\">\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelFullName\">\n        <\/label>\n        <input\n  id=\"full_name\"\n  type=\"text\"\n  name=\"full_name\"\n  x-ref=\"full_name\"\n  @focus=\"(e) => onFocus(e, 'full_name')\"\n  x-model=\"formData.full_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('full_name') }\"\n  x-bind:placeholder=\"formData.language === 'en' ? 'Your Name' : 'Su Nombre'\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-sans\" oninput=\"\"\n>\n<template x-if=\"errorFor('full_name')\">\n  <template x-for=\"error in errors.full_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelCompany\"><\/label>\n        <input\n  id=\"business_name\"\n  type=\"text\"\n  name=\"business_name\"\n  x-ref=\"business_name\"\n  @focus=\"(e) => onFocus(e, 'business_name')\"\n  x-model=\"formData.business_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('business_name') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"\"\n>\n<template x-if=\"errorFor('business_name')\">\n  <template x-for=\"error in errors.business_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"phone_number_raw\" x-text=\"strings(formData.language).labelPhoneNumber\">\n        <\/label>\n        <input\n  id=\"phone_number_raw\"\n  type=\"text\"\n  name=\"phone_number_raw\"\n  x-ref=\"phone_number_raw\"\n  @focus=\"(e) => onFocus(e, 'phone_number_raw')\"\n  x-model=\"formData.phone_number_raw\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number_raw') }\"\n  autocomplete=\"off\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-sans\" @input=\"onFormattedNumber($event.target)\" oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number_raw')\">\n  <template x-for=\"error in errors.phone_number_raw\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n        <input\n  id=\"phone_number\"\n  type=\"hidden\"\n  name=\"phone_number\"\n  x-ref=\"phone_number\"\n  @focus=\"(e) => onFocus(e, 'phone_number')\"\n  x-model=\"formData.phone_number\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number') }\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number')\">\n  <template x-for=\"error in errors.phone_number\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant !== 'rate-exchange-v2'\" class=\"w-full block\" x-data=\"{ showAlert: false }\">\n        <div class=\"flex flex-row gap-2\">        \n          <label for=\"industry\" class=\"font-sans\" x-text=\"strings(formData.language).labelIndustry\">\n          <\/label>\n        <\/div>\n        <div\n  x-data=\"workSelector({ name: 'industry' })\"\n  x-on:work-selector.window=\"formData.industry = $event.detail\"\n  @click.away=\"closeListbox()\"\n  @keydown.escape=\"closeListbox()\"\n  class=\"relative\">\n      <div\n        class=\"inline-block w-full rounded-full p-0 bg-primary-50\/60\">\n        <button\n          x-ref=\"button\"\n          type=\"button\"\n          @click=\"toggleListboxVisibility()\"\n          :aria-expanded=\"open\"\n          aria-haspopup=\"listbox\"\n          :class=\"{'border-red-300 text-red-900': errorFor('industry') }\"\n          class=\"w-full placeholder-gray-400 text-gray-600 p-4 rounded-full font-sans font-normal\"\n          \n        >\n          <input\n            id=\"industry\"\n            x-ref=\"search\"\n            x-init=\"$el.classList.remove('loading')\"\n            x-cloak\n :value=\"formData.industry\"\n            placeholder=\"Tipo de obra\"\n            x-model=\"search\"\n            @focus=\"(e) => onFocus(e, 'industry')\"\n            @keydown.enter.stop.prevent=\"selectOption()\"\n            @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n            @keydown.arrow-down.prevent=\"focusNextOption()\"\n            type=\"text\"\n            autocomplete=\"off\"\n            :class=\"{              'w-full h-full bg-transparent p-0 border-0 border-white focus:outline-0 focus:outline-none focus:border-none focus:ring-0 placeholder-gray-400 px-2 placeholder:text-base text-gray-600 font-sans font-normal': true            }\"\n            x-bind:placeholder=\"formData.language === 'en' ? 'Type and select your industry' : 'Escriba y seleccione su industria'\" @input=\"validateIndustry('industry')\"\n          \/>\n        <\/button>\n  <\/div>\n  <template x-if=\"errorFor('industry')\">\n    <template x-for=\"error in errors.industry\">\n      <span class=\"text-sm text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n    <\/template>\n  <\/template>\n  <div\n    x-show=\"open\"\n    x-transition:leave=\"transition ease-in duration-100\"\n    x-transition:leave-start=\"opacity-100\"\n    x-transition:leave-end=\"opacity-0\"\n    x-cloak\n class=\"absolute z-10 w-full mt-1 bg-white rounded-md shadow-lg\"\n  >\n    <ul\n      x-ref=\"listbox\"\n      @keydown.enter.stop.prevent=\"selectOption()\"\n      @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n      @keydown.arrow-down.prevent=\"focusNextOption()\"\n      role=\"listbox\"\n      :aria-activedescendant=\"focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null\"\n      tabindex=\"-1\"\n      class=\"py-1 overflow-auto text-base leading-6 rounded-md shadow-xs max-h-60 focus:outline-none sm:text-sm sm:leading-5\"\n    >\n      <template x-for=\"(option, index) in options\" :key=\"index\">\n        <li\n          :id=\"name + 'Option' + focusedOptionIndex\"\n          @click=\"selectOption(index)\"\n          role=\"option\"\n          :aria-selected=\"focusedOptionIndex === index\"\n          :class=\"{ 'text-white bg-primary\/80': index === focusedOptionIndex, 'text-gray-900': index !== focusedOptionIndex }\"\n          class=\"relative py-2 pl-3 text-gray-900 cursor-default select-none pr-9 hover:bg-primary hover:text-white\"\n        >\n          <span x-text=\"option.description\"\n                :class=\"{ 'font-semibold': index === focusedOptionIndex, 'font-normal': index !== focusedOptionIndex }\"\n                class=\"block font-normal truncate\"\n          ><\/span>\n          <span\n            x-show=\"option.description === value\"\n            :class=\"{ 'text-white': index === focusedOptionIndex, 'text-primary': index !== focusedOptionIndex }\"\n            class=\"absolute inset-y-0 right-0 flex items-center pr-4 text-primary\"\n          >\n              <svg class=\"w-5 h-5\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path fill-rule=\"evenodd\"\n                        d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n                        clip-rule=\"evenodd\"\/>\n              <\/svg>\n          <\/span>\n        <\/li>\n      <\/template>\n      <div\n        x-show=\"! options.length\"\n        x-text=\"errorMessage\"\n        class=\"px-3 py-2 font-semibold cursor-default select-none\">\n      <\/div>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<style>\n  [x-cloak] { display: none !important; }\n  .loading { opacity: 0; transition: opacity 0.3s ease-in-out; }\n  .loading:not(.loading) { opacity: 1; }\n<\/style>      <\/div>\n      <div x-show=\"variant !== 'rate-exchange-v2'\" class=\"w-full flex flex-col gap-6\">\n        <span class=\"text-gray-500 font-sans\" x-text=\"strings(formData.language).labelEmployeesQuestion\"><\/span>\n        <div class=\"flex flex-row gap-x-6\">\n          <div class=\"flex items-center\">\n            <input\n              type=\"radio\"\n              name=\"answeryes1\"\n              id=\"answer_yes\"\n              value=\"yes\"\n              x-model=\"answer\"\n              class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n            <label class=\"ml-2 text-gray-500\" for=\"answer_yes\" x-text=\"formData.language === 'en' ? 'Yes' : 'S\u00ed'\">\n            <\/label>\n          <\/div>\n          <div class=\"flex items-center\">\n            <input\n              type=\"radio\"\n              name=\"answerno1\"\n              id=\"answer_no\"\n              value=\"no\"\n              x-model=\"answer\"\n              class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n            <label class=\"ml-2 text-gray-500\" for=\"answer_no\">\n              No\n            <\/label>\n          <\/div>\n        <\/div>\n        <template x-if=\"errorFor('answer') && (answer === '' || !['yes', 'no'].includes(answer))\">\n          <template x-for=\"error in errors.answer\">\n            <span class=\"text-sm text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n          <\/template>\n        <\/template>\n      <\/div>\n      <template x-if=\"answer === 'yes'\">\n        <div class=\"w-full\">\n          <label for=\"industry\" class=\"font-sans\" x-text= \"strings(formData.language).labelEmployees\"><\/label>\n          <input\n  id=\"number_of_employees\"\n  type=\"text\"\n  name=\"number_of_employees\"\n  x-ref=\"number_of_employees\"\n  @focus=\"(e) => onFocus(e, 'number_of_employees')\"\n  x-model=\"formData.number_of_employees\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('number_of_employees') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"validateOnlyNumber(this)\"\n>\n<template x-if=\"errorFor('number_of_employees')\">\n  <template x-for=\"error in errors.number_of_employees\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n        <\/div>\n      <\/template>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <button\n        id=\"step-1\"\n        class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-300 rounded-full px-8 py-4 text-white font-inter flex justify-center items-center\"\n        :class=\"{'opacity-20 cursor-not-allowed': isDisabled || isLoading, 'opacity-100 cursor-pointer': !isDisabled && !isLoading}\"\n        :disabled=\"isDisabled || isLoading\"\n        type=\"button\"\n        @click=\"step1()\">\n        <div x-show=\"isLoading\" class=\"mr-2 animate-spin\">\n          <svg class=\"h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n          <\/svg>\n        <\/div>\n        <span x-text=\"isLoading ? (formData.language === 'es' ? 'Cargando...' : 'Loading...'): strings(formData.language).buttonLabel\"><\/span>\n      <\/button>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mb-14 px-2 md:px-20\">\n      <div class=\"w-full text-center\">\n        <p x-show=\"formData.language === 'en'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Siguiente\", confirma que su informaci\u00f3n es correcta y acepta recibir numerosos mensajes de texto sobre su presupuesto, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos los mensajes automatizados). Tambi\u00e9n acepta que <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">Condiciones de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es necesario para realizar una compra, y puede darse de baja en cualquier momento. Para mensajes de texto, responda STOP para parar o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n        <p x-show=\"formData.language === 'es'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Siguiente\", usted confirma que su informaci\u00f3n es precisa y acepta recibir numerosos mensajes de texto sobre su cotizaci\u00f3n, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos mensajes automatizados). Tambi\u00e9n acepta nuestros <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">T\u00e9rminos de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es obligatorio para realizar una compra, y puede optar por no participar en cualquier momento. Para los mensajes de texto, responda STOP para detener o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n  <div x-show=\"selected === 2\" class=\"w-full flex justify-center items-center flex-col\">\n    \n    <div class=\"w-full flex items-center flex-col mt-14 gap-y-6 text-center\">\n      <p class=\"text-[40px] md:text-[52px] text-secondary-600 font-bold font-sans\">Rate Exchange<\/p>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-8\">\n      <p class=\"text-secondary-350 text-base font-medium font-sans text-center\" x-text=\"strings(formData.language).subtitleStep2\"><\/p>\n    <\/div>\n    \n    <div class=\"flex justify-center items-center mt-8 gap-4 border border-primary-300 px-4 py-2 rounded-full\">\n      <div>\n        <span class=\"font-Dmsans text-sm font-bold\" x-text=\"strings(formData.language).textStepTwo\"><\/span>\n      <\/div>\n      <div class=\"flex justify-center items-center gap-1\">\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-primary flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-4\">\n      <div x-show=\"variant === 'ordered-two'\" class=\"w-full\">\n        <label for=\"phone_number_raw\" x-text=\"strings(formData.language).labelPhoneNumber\">\n        <\/label>\n        <input\n  id=\"phone_number_raw\"\n  type=\"text\"\n  name=\"phone_number_raw\"\n  x-ref=\"phone_number_raw\"\n  @focus=\"(e) => onFocus(e, 'phone_number_raw')\"\n  x-model=\"formData.phone_number_raw\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number_raw') }\"\n  autocomplete=\"off\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-sans\" @input=\"onFormattedNumber($event.target)\" oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number_raw')\">\n  <template x-for=\"error in errors.phone_number_raw\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n        <input\n  id=\"phone_number\"\n  type=\"hidden\"\n  name=\"phone_number\"\n  x-ref=\"phone_number\"\n  @focus=\"(e) => onFocus(e, 'phone_number')\"\n  x-model=\"formData.phone_number\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number') }\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number')\">\n  <template x-for=\"error in errors.phone_number\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'ordered-one'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelEmail\">\n        <\/label>\n        <input\n  id=\"email\"\n  type=\"email\"\n  name=\"email\"\n  x-ref=\"email\"\n  @focus=\"(e) => onFocus(e, 'email')\"\n  x-model=\"formData.email\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('email') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"\"\n>\n<template x-if=\"errorFor('email')\">\n  <template x-for=\"error in errors.email\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant !== 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelCompany\"><\/label>\n        <input\n  id=\"business_name\"\n  type=\"text\"\n  name=\"business_name\"\n  x-ref=\"business_name\"\n  @focus=\"(e) => onFocus(e, 'business_name')\"\n  x-model=\"formData.business_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('business_name') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"\"\n>\n<template x-if=\"errorFor('business_name')\">\n  <template x-for=\"error in errors.business_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full block\" x-data=\"{ showAlert: false }\">\n        <div class=\"flex flex-row gap-2\">\n          <label for=\"industry\" class=\"font-sans\" x-text=\"strings(formData.language).labelIndustry\">\n          <\/label>\n        <\/div>\n        <div\n  x-data=\"workSelector({ name: 'industry' })\"\n  x-on:work-selector.window=\"formData.industry = $event.detail\"\n  @click.away=\"closeListbox()\"\n  @keydown.escape=\"closeListbox()\"\n  class=\"relative\">\n      <div\n        class=\"inline-block w-full rounded-full p-0 bg-primary-50\/60\">\n        <button\n          x-ref=\"button\"\n          type=\"button\"\n          @click=\"toggleListboxVisibility()\"\n          :aria-expanded=\"open\"\n          aria-haspopup=\"listbox\"\n          :class=\"{'border-red-300 text-red-900': errorFor('industry') }\"\n          class=\"w-full placeholder-gray-400 text-gray-600 p-4 rounded-full font-sans font-normal\"\n          \n        >\n          <input\n            id=\"industry\"\n            x-ref=\"search\"\n            x-init=\"$el.classList.remove('loading')\"\n            x-cloak\n :value=\"formData.industry\"\n            placeholder=\"Tipo de obra\"\n            x-model=\"search\"\n            @focus=\"(e) => onFocus(e, 'industry')\"\n            @keydown.enter.stop.prevent=\"selectOption()\"\n            @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n            @keydown.arrow-down.prevent=\"focusNextOption()\"\n            type=\"text\"\n            autocomplete=\"off\"\n            :class=\"{              'w-full h-full bg-transparent p-0 border-0 border-white focus:outline-0 focus:outline-none focus:border-none focus:ring-0 placeholder-gray-400 px-2 placeholder:text-base text-gray-600 font-sans font-normal': true            }\"\n            x-bind:placeholder=\"formData.language === 'en' ? 'Type and select your industry' : 'Escriba y seleccione su industria'\" @input=\"validateIndustry('industry')\"\n          \/>\n        <\/button>\n  <\/div>\n  <template x-if=\"errorFor('industry')\">\n    <template x-for=\"error in errors.industry\">\n      <span class=\"text-sm text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n    <\/template>\n  <\/template>\n  <div\n    x-show=\"open\"\n    x-transition:leave=\"transition ease-in duration-100\"\n    x-transition:leave-start=\"opacity-100\"\n    x-transition:leave-end=\"opacity-0\"\n    x-cloak\n class=\"absolute z-10 w-full mt-1 bg-white rounded-md shadow-lg\"\n  >\n    <ul\n      x-ref=\"listbox\"\n      @keydown.enter.stop.prevent=\"selectOption()\"\n      @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n      @keydown.arrow-down.prevent=\"focusNextOption()\"\n      role=\"listbox\"\n      :aria-activedescendant=\"focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null\"\n      tabindex=\"-1\"\n      class=\"py-1 overflow-auto text-base leading-6 rounded-md shadow-xs max-h-60 focus:outline-none sm:text-sm sm:leading-5\"\n    >\n      <template x-for=\"(option, index) in options\" :key=\"index\">\n        <li\n          :id=\"name + 'Option' + focusedOptionIndex\"\n          @click=\"selectOption(index)\"\n          role=\"option\"\n          :aria-selected=\"focusedOptionIndex === index\"\n          :class=\"{ 'text-white bg-primary\/80': index === focusedOptionIndex, 'text-gray-900': index !== focusedOptionIndex }\"\n          class=\"relative py-2 pl-3 text-gray-900 cursor-default select-none pr-9 hover:bg-primary hover:text-white\"\n        >\n          <span x-text=\"option.description\"\n                :class=\"{ 'font-semibold': index === focusedOptionIndex, 'font-normal': index !== focusedOptionIndex }\"\n                class=\"block font-normal truncate\"\n          ><\/span>\n          <span\n            x-show=\"option.description === value\"\n            :class=\"{ 'text-white': index === focusedOptionIndex, 'text-primary': index !== focusedOptionIndex }\"\n            class=\"absolute inset-y-0 right-0 flex items-center pr-4 text-primary\"\n          >\n              <svg class=\"w-5 h-5\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path fill-rule=\"evenodd\"\n                        d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n                        clip-rule=\"evenodd\"\/>\n              <\/svg>\n          <\/span>\n        <\/li>\n      <\/template>\n      <div\n        x-show=\"! options.length\"\n        x-text=\"errorMessage\"\n        class=\"px-3 py-2 font-semibold cursor-default select-none\">\n      <\/div>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<style>\n  [x-cloak] { display: none !important; }\n  .loading { opacity: 0; transition: opacity 0.3s ease-in-out; }\n  .loading:not(.loading) { opacity: 1; }\n<\/style>      <\/div>\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full flex flex-col gap-6\">\n        <span class=\"text-gray-500 font-sans\" x-text=\"strings(formData.language).labelEmployeesQuestion\"><\/span>\n        <div class=\"flex flex-row gap-x-6\">\n          <div class=\"flex items-center\">\n            <input\n              type=\"radio\"\n              name=\"answeryes2\"\n              id=\"answer_yes\"\n              value=\"yes\"\n              x-model=\"answer\"\n              class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n            <label class=\"ml-2 text-gray-500\" for=\"answer_yes\" x-text=\" formData.language === 'en' ? 'Yes' : 'S\u00ed'\">\n            <\/label>\n          <\/div>\n          <div class=\"flex items-center\">\n            <input\n              type=\"radio\"\n              name=\"answerno2\"\n              id=\"answer_no\"\n              value=\"no\"\n              x-model=\"answer\"\n              class=\"focus:ring-transparent h-5 w-5 text-secondary-600 border-gray-300 rounded-full\" \/>\n            <label class=\"ml-2 text-gray-500\" for=\"answer_no\">\n              No\n            <\/label>\n          <\/div>\n        <\/div>\n        <template x-if=\"errorFor('answer') && (answer === '' || !['yes', 'no'].includes(answer))\">\n          <template x-for=\"error in errors.answer\">\n            <span class=\"text-sm text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n          <\/template>\n        <\/template>\n      <\/div>\n      <template x-if=\"answer === 'yes'\">\n        <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full\">\n          <label for=\"industry\" class=\"font-sans\" x-text= \"strings(formData.language).labelEmployees\"><\/label>\n          <input\n  id=\"number_of_employees\"\n  type=\"text\"\n  name=\"number_of_employees\"\n  x-ref=\"number_of_employees\"\n  @focus=\"(e) => onFocus(e, 'number_of_employees')\"\n  x-model=\"formData.number_of_employees\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('number_of_employees') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"validateOnlyNumber(this)\"\n>\n<template x-if=\"errorFor('number_of_employees')\">\n  <template x-for=\"error in errors.number_of_employees\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n        <\/div>\n      <\/template>\n      <div x-show=\"variant !== 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelPayroll\">\n        <\/label>\n        <input\n  id=\"estimated_weekly_payroll\"\n  type=\"text\"\n  name=\"estimated_weekly_payroll\"\n  x-ref=\"estimated_weekly_payroll\"\n  @focus=\"(e) => onFocus(e, 'estimated_weekly_payroll')\"\n  x-model=\"formData.estimated_weekly_payroll\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('estimated_weekly_payroll') }\"\n  class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"validateOnlyNumber(this)\"\n>\n<template x-if=\"errorFor('estimated_weekly_payroll')\">\n  <template x-for=\"error in errors.estimated_weekly_payroll\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <button\n        id=\"step-2\"\n        class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-300 rounded-full px-8 py-4 text-white font-inter flex justify-center items-center\"\n        :disabled=\"isLoading\"\n        type=\"button\"\n        @click=\"step2()\">\n        <div x-show=\"isLoading\" class=\"mr-2 animate-spin\">\n          <svg class=\"h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n          <\/svg>\n        <\/div>\n        <span x-text=\"isLoading ? (formData.language === 'es' ? 'Cargando...' : 'Loading...'): strings(formData.language).buttonLabel\"><\/span>\n      <\/button>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mb-14 px-2 md:px-20\">\n      <div class=\"w-full text-center\">\n        <p x-show=\"formData.language === 'en'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Siguiente\", confirma que su informaci\u00f3n es correcta y acepta recibir numerosos mensajes de texto sobre su presupuesto, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos los mensajes automatizados). Tambi\u00e9n acepta que <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">Condiciones de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es necesario para realizar una compra, y puede darse de baja en cualquier momento. Para mensajes de texto, responda STOP para parar o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n        <p x-show=\"formData.language === 'es'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Siguiente\", usted confirma que su informaci\u00f3n es precisa y acepta recibir numerosos mensajes de texto sobre su cotizaci\u00f3n, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos mensajes automatizados). Tambi\u00e9n acepta nuestros <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">T\u00e9rminos de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es obligatorio para realizar una compra, y puede optar por no participar en cualquier momento. Para los mensajes de texto, responda STOP para detener o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n  <div x-show=\"selected === 3\" class=\"w-full flex justify-center items-center flex-col\">\n    \n    <div class=\"w-full flex items-center flex-col mt-14 gap-y-6 text-center\">\n      <p class=\"text-[40px] md:text-[52px] text-secondary-600 font-bold font-sans\">Rate Exchange<\/p>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-8\">\n      <p class=\"text-secondary-350 text-base font-medium font-sans text-center\" x-text=\"strings(formData.language).subtitleStep3\"><\/p>\n    <\/div>\n    \n    <div class=\"flex justify-center items-center mt-8 gap-4 border border-primary-300 px-4 py-2 rounded-full\">\n      <div>\n        <span class=\"font-Dmsans text-sm font-bold\" x-text=\"strings(formData.language).textStepThree\"><\/span>\n      <\/div>\n      <div class=\"flex justify-center items-center gap-1\">\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-gray-300 flex items-center justify-center\">\n        <\/div>\n        <div class=\"w-[10px] h-[10px] rounded-full bg-primary flex items-center justify-center\">\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-4\">\n      <div x-show=\"variant !== 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelFullName\">\n          \u00bfQui\u00e9n ser\u00e1 el contacto pol\u00edtico?\n        <\/label>\n        <input\n  id=\"full_name\"\n  type=\"text\"\n  name=\"full_name\"\n  x-ref=\"full_name\"\n  @focus=\"(e) => onFocus(e, 'full_name')\"\n  x-model=\"formData.full_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('full_name') }\"\n  x-bind:placeholder=\"formData.language === 'en' ? 'Your Name' : 'Su Nombre'\" x-bind:disabled=\"isSending || isLoading\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-sans\" oninput=\"\"\n>\n<template x-if=\"errorFor('full_name')\">\n  <template x-for=\"error in errors.full_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'ordered-one'\" class=\"w-full\">\n        <label for=\"phone_number_raw\" x-text=\"strings(formData.language).labelPhoneNumber\">\n        <\/label>\n        <input\n  id=\"phone_number_raw\"\n  type=\"text\"\n  name=\"phone_number_raw\"\n  x-ref=\"phone_number_raw\"\n  @focus=\"(e) => onFocus(e, 'phone_number_raw')\"\n  x-model=\"formData.phone_number_raw\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number_raw') }\"\n  autocomplete=\"off\" x-bind:disabled=\"isSending || isLoading\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-sans\" @input=\"onFormattedNumber($event.target)\" oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number_raw')\">\n  <template x-for=\"error in errors.phone_number_raw\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n        <input\n  id=\"phone_number\"\n  type=\"hidden\"\n  name=\"phone_number\"\n  x-ref=\"phone_number\"\n  @focus=\"(e) => onFocus(e, 'phone_number')\"\n  x-model=\"formData.phone_number\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number') }\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('phone_number')\">\n  <template x-for=\"error in errors.phone_number\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant === 'rate-exchange-v2'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelPayroll\">\n        <\/label>\n        <input\n  id=\"estimated_weekly_payroll\"\n  type=\"text\"\n  name=\"estimated_weekly_payroll\"\n  x-ref=\"estimated_weekly_payroll\"\n  @focus=\"(e) => onFocus(e, 'estimated_weekly_payroll')\"\n  x-model=\"formData.estimated_weekly_payroll\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('estimated_weekly_payroll') }\"\n  x-bind:disabled=\"isSending || isLoading\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"validateOnlyNumber(this)\"\n>\n<template x-if=\"errorFor('estimated_weekly_payroll')\">\n  <template x-for=\"error in errors.estimated_weekly_payroll\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div x-show=\"variant !== 'ordered-one'\" class=\"w-full\">\n        <label for=\"\" class=\"font-sans\" x-text=\"strings(formData.language).labelEmail\">\n        <\/label>\n        <input\n  id=\"email\"\n  type=\"email\"\n  name=\"email\"\n  x-ref=\"email\"\n  @focus=\"(e) => onFocus(e, 'email')\"\n  x-model=\"formData.email\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('email') }\"\n  x-bind:disabled=\"isSending || isLoading\" class=\"w-full focus:ring-transparent bg-primary-50\/60 placeholder-gray-400 border-none text-gray-600 p-4 rounded-full font-Dmsans\" oninput=\"\"\n>\n<template x-if=\"errorFor('email')\">\n  <template x-for=\"error in errors.email\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <button\n        id=\"submit\"\n        class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-300 rounded-full px-8 py-4 text-white font-inter flex justify-center items-center\"\n        :class=\"{'opacity-50 cursor-not-allowed': isSending || isLoading}\"\n        :disabled=\"isSending || isLoading\"\n        type=\"submit\">\n        <div x-show=\"isLoading\" class=\"mr-2 animate-spin\">\n          <svg class=\"h-5 w-5 text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\">\n            <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n            <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n          <\/svg>\n        <\/div>\n        <span x-text=\"isLoading ? (formData.language === 'es' ? 'Cargando...' : 'Loading...'): strings(formData.language).buttonSubmit\"><\/span>\n      <\/button>\n    <\/div>\n    \n    <div class=\"w-full flex items-center flex-col mb-14 px-2 md:px-20\">\n      <div class=\"w-full text-center\">\n        <p x-show=\"formData.language === 'en'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Enviar\", confirma que sus datos son correctos y acepta recibir numerosos mensajes de texto sobre su presupuesto, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos los mensajes automatizados). Tambi\u00e9n acepta que <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">Condiciones de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es necesario para realizar una compra, y puede darse de baja en cualquier momento. Para mensajes de texto, responda STOP para parar o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n        <p x-show=\"formData.language === 'es'\" class='text-center text-gray-400 font-light font-sans text-[9px]'>\n          <b class=\"font-semibold\">No vendemos su informaci\u00f3n.<\/b> Al hacer clic en \"Enviar\", usted confirma que su informaci\u00f3n es precisa y acepta recibir numerosos mensajes de texto sobre su cotizaci\u00f3n, adem\u00e1s de correos electr\u00f3nicos de marketing, mensajes de texto y llamadas telef\u00f3nicas de nuestra parte (incluidos mensajes automatizados). Tambi\u00e9n acepta nuestros <a href=\"https:\/\/peopaygo.com\/es\/terms-and-conditions\/\"><b class=\"font-semibold\">T\u00e9rminos de uso<\/b><\/a> y <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b class=\"font-semibold\">Pol\u00edtica de privacidad<\/b><\/a> a continuaci\u00f3n. Su consentimiento no es obligatorio para realizar una compra, y puede optar por no participar en cualquier momento. Para los mensajes de texto, responda STOP para detener o HELP para obtener ayuda. Se aplican las tarifas est\u00e1ndar de mensajes y datos.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-14591","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/14591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/comments?post=14591"}],"version-history":[{"count":64,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/14591\/revisions"}],"predecessor-version":[{"id":17644,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/14591\/revisions\/17644"}],"wp:attachment":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/media?parent=14591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}