UCI
<!-- Error rendering component -->
<!-- The partial @tooltip-label could not be found -->
<!-- Error: The partial @tooltip-label could not be found
    at Object.invokePartial (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/runtime.js:332:11)
    at Object.hbs.VM.invokePartial (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/@frctl/handlebars/src/adapter.js:76:38)
    at Object.hbs.VM.invokePartial (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/@frctl/handlebars/src/adapter.js:76:38)
    at Object.invokePartialWrapper [as invokePartial] (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/runtime.js:84:39)
    at eval (eval at createFunctionContext (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:41:28)
    at Object.prog (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/runtime.js:268:12)
    at Object.prepareAndResolveMarkers (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/promised-handlebars/index.js:92:17)
    at Object.fn (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/promised-handlebars/lib/utils.js:29:28)
    at fn (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars-layouts/index.js:41:17)
    at Object.applyAction (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars-layouts/index.js:54:11)
    at Array.reduce (<anonymous>)
    at Object.block (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars-layouts/index.js:171:43)
    at Object.helperWrapper (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at eval (eval at createFunctionContext (/home/vsts/work/1/s/Project/Ecoweb/Ecoweb.Frontend/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:127) -->
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<form {{#if hasIDForm}}id="{{idForm}}"{{/if}}>
<div {{#if hasID}}id="{{idComponent}}"{{/if}} class="prequalifier-form-main">
    <div id="step1" class="prequalifier-step row prequalifier-form active">
        <div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col col-steps">
            {{> @prequalifier-form-steps-on-top steps-on-top }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @prequalifier-form-title encabezado }}
            {{ render '@prequalifier-form-steps' }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            <div class="prequalifier-form__form form-distinguisher_prequalifier-form" id="{{ id }}" action="#" method="post"
                novalidate>
                {{> @prequalifier-form-list form-list1 }}
            </div>
            <div class="prequalifier-form__success inactive">
                {{> @success success }}
            </div>
        </div>
        {{#if isCheck}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @checkbox checkbox }}
        </div>
        {{else}}
        {{/if}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            <ul class="bots">
                
                <li>
                    <div class="form-btn">
                    <div class="btn" type="continue">
                        Continuar
                    </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @legal legal-note }}
        </div>
    </div>
    <div id="step2" class="prequalifier-step row prequalifier-form inactive">
        <div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col col-steps">
            {{> @prequalifier-form-steps-on-top steps-on-top }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @prequalifier-form-title encabezado2 }}
            {{ render '@prequalifier-form-steps' }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            <div class="prequalifier-form__form form-distinguisher_prequalifier-form" id="{{ id }}" action="#" method="post"
                novalidate>
                {{> @prequalifier-form-list form-list2_1 }}
            </div>
            <div id="titular1" class="titular active">
                {{> @tooltip-label titular1 }}
                <div class="prequalifier-form__form form-distinguisher_prequalifier-form" id="{{ id }}" action="#" method="post"
                    novalidate>
                    {{> @prequalifier-form-list form-list2_2 }}
                </div>
            </div>
            <div id="titular2" class="titular inactive">
                {{> @tooltip-label titular2 }}
                <div class="prequalifier-form__form form-distinguisher_prequalifier-form" id="{{ id }}" action="#" method="post"
                    novalidate>
                    {{> @prequalifier-form-list form-list2_3 }}
                </div>
            </div>
            <div class="prequalifier-form__success inactive">
                {{> @success success }}
            </div>
        </div>
        {{#if isCheck}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @checkbox checkbox }}
        </div>
        {{else}}
        {{/if}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            <ul class="bots">
                <li>
                    <div class="form-btn ">                   
                    <div class="btn btn_secondary" type="back">
                        Volver
                    </div>
                    </div>
                    </li>
                <li>
                    <div class="form-btn">
                    <div class="btn" type="continue">
                        Continuar
                    </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @legal legal-note }}
        </div>
    </div>
    <div id="step3" class="prequalifier-step row prequalifier-form inactive">
        <div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col col-steps">
            {{> @prequalifier-form-steps-on-top steps-on-top }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @prequalifier-form-title encabezado3 }}
            {{ render '@prequalifier-form-steps' }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            <div class="prequalifier-form__form form-distinguisher_prequalifier-form" id="{{ id }}" action="#" method="post"
                novalidate>
                {{> @prequalifier-form-list form-list3 }}
            </div>
            <div class="prequalifier-form__success inactive">
                {{> @success success }}
            </div>
        </div>
        {{#if isCheck}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @checkbox checkbox }}
        </div>
        {{else}}
        {{/if}}
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{ render '@legal' }}
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{ render '@recaptcha' }}
            <ul class="bots">
                <li>
                    <div class="form-btn ">                   
                    <div class="btn btn_secondary" type="back">
                        Volver
                    </div>
                    </div>
                </li>
                <li>
                    <div class="form-btn "> 
                    <div class="btn" type="continue">
                        Enviar
                    </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
            {{> @legal legal-note }}
        </div>
    </div>
</div>
</form>
{{/content}}
{{/extend}}
{
  "hasID": false,
  "splitter": {
    "oneColumn": true,
    "bgColorWhite": true,
    "paddingBottomSmall": true
  },
  "steps-on-top": {
    "step": [
      {
        "text": "<span class='always-visible'>01</span> Datos de tu hipoteca"
      },
      {
        "text": "<span class='always-visible'>02</span> Titulares de la hipoteca"
      },
      {
        "text": "<span class='always-visible'>03</span> Datos de contacto"
      }
    ]
  },
  "checkbox": {
    "id": "checkbox",
    "title": "Checkbox",
    "label": {
      "text": "<span>¿Te gustaría recibir información sobre nuestros productos?</span>"
    }
  },
  "titular1": {
    "label": {
      "text": "TITULAR 1"
    }
  },
  "titular2": {
    "label": {
      "text": "TITULAR 2"
    }
  },
  "encabezado": {
    "title": {
      "text": "¿Me darán la hipoteca?"
    },
    "bodycopy": {
      "text": "Llevas tanto tiempo pensando en la casa de tus sueños que no tienes ni un segundo que perder en saber si conseguirías la hipoteca con nosotros. Rellena estos datos y descúbrelo en solo 3 pasos."
    }
  },
  "encabezado2": {
    "title": {
      "text": "¿Me darán la hipoteca?"
    },
    "bodycopy": {
      "text": "Solo un paso más…"
    }
  },
  "encabezado3": {
    "title": {
      "text": "¿Me darán la hipoteca?"
    },
    "bodycopy": {
      "text": "Rellena los siguientes campos y descubre si tu hipoteca está pre-aprobada."
    }
  },
  "legal-note": {
    "bodycopy": {
      "text": "<p>Somos una manera diferente de ofrecer hipotecas. Personal. Digital. Especialistas en financiación de hogares, el canal online de financiación de UCI (Unión de Créditos inmobiliarios S.A Establecimiento Financiero de Crédito), más de 30 años financiando hogares.</p><p>Hemos diseñado este formulario para ayudarte en el proceso de solicitud de una hipoteca. Facilítanos los datos de la casa que quieres comprar, la información personal y laboral de los que solicitáis la financiación.<br />Basados en estos datos que podemos realizar una estimación y decirte si tu proyecto sería viable con nosotros.</p><p>Si es sí y tu quieres, un gestor personal te acompañará y te informará sobre las soluciones de financiación que más se ajustan a ti. ¿Charlamos?</p>"
    }
  },
  "id": "randomFormId1",
  "form-list1": {
    "form-list": [
      {
        "isRequired": true,
        "twocolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "¿QUÉ CASA QUIERES?",
              "for": "ID-1"
            }
          },
          "id": "ID-1",
          "select": {
            "chosen-placeholder": "Elige un tipo de vivienda",
            "option": [
              {
                "id": "ID1-1",
                "select-name": "¿Qué casa quieres?",
                "text": "Piso / apartamento"
              },
              {
                "id": "ID1-2",
                "select-name": "¿Qué casa quieres?",
                "text": "Chalet adosado"
              },
              {
                "id": "ID1-3",
                "select-name": "¿Qué casa quieres?y",
                "text": "Casa unifamiliar"
              },
              {
                "id": "ID1-4",
                "select-name": "¿Qué casa quieres?",
                "text": "Otra"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Elige un tipo de casa, por favor*"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "¿CUÁL ES EL MOTIVO?",
              "for": "motivo"
            }
          },
          "id": "motivo",
          "select": {
            "chosen-placeholder": "Seleccione una opcion",
            "option": [
              {
                "id": "ID2-1",
                "select-name": "¿Cuál es el motivo?",
                "text": "Residencia habitual"
              },
              {
                "id": "ID2-2",
                "select-name": "¿Cuál es el motivo?",
                "text": "Segunda residencia"
              },
              {
                "id": "ID2-3",
                "select-name": "¿Cuál es el motivo?",
                "text": "Inversión para alquiler"
              },
              {
                "id": "ID2-4",
                "select-name": "¿Cuál es el motivo?",
                "text": "Otro"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "Provincia",
              "for": "where"
            }
          },
          "id": "where",
          "select": {
            "chosen-placeholder": "Elije la provincia de compra",
            "option": [
              {
                "id": "ID3-1",
                "select-name": "Provincia",
                "text": "Comunidad de Madrid"
              },
              {
                "id": "ID3-2",
                "select-name": "Provincia",
                "text": "Galicia"
              },
              {
                "id": "ID3-3",
                "select-name": "Provincia",
                "text": "Castilla La Mancha"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "¿En que localidad?",
              "for": "Id-Localidad"
            }
          },
          "id": "Id-Localidad",
          "select": {
            "chosen-placeholder": "Elige localidad",
            "option": [
              {
                "id": "ID4-1",
                "select-name": "Localidad",
                "text": "As Pontes de García Rodríguez"
              },
              {
                "id": "ID4-2",
                "select-name": "Localidad",
                "text": "Vigo"
              },
              {
                "id": "ID4-3",
                "select-name": "Localidad",
                "text": "Morata de Tajuña"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "threecolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Precio del inmueble",
              "for": "ID-5"
            }
          },
          "input": {
            "distinguisher": "money",
            "id": "ID-5",
            "type": "text",
            "title": "Precio del inmueble"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "threecolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "¿Cuanto aportas?",
              "for": "ID-6"
            },
            "tooltip": {
              "isFlex": true,
              "title": {
                "text": "Títulilllo",
                "isP": true
              },
              "bodycopy": {
                "text": "Este es el texto."
              },
              "link": {
                "href": "#",
                "text": "Enlacillo"
              }
            }
          },
          "input": {
            "distinguisher": "money",
            "id": "ID-6",
            "type": "text",
            "title": "¿Cuánto aportas?"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "threecolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Duracion de la hipoteca",
              "for": "ID-7"
            },
            "tooltip": {
              "isFlex": true,
              "title": {
                "text": "Títulilllo",
                "isP": true
              },
              "bodycopy": {
                "text": "Este es el texto."
              },
              "link": {
                "href": "#",
                "text": "Enlacillo"
              }
            }
          },
          "input": {
            "distinguisher": "months",
            "id": "ID-7",
            "type": "text",
            "title": "Duración de la hipoteca"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      }
    ]
  },
  "form-list2_1": {
    "form-list": [
      {
        "isRequired": true,
        "onecolumn": true,
        "form-radio-group": {
          "id": "ID-8",
          "field-top": {
            "fieldset": true,
            "label": {
              "text": "¿CUÁNTOS TITULARES TENDRÁ LA HIPOTECA?"
            }
          },
          "radio-group": {
            "radio-group": [
              {
                "id": "oneHolder",
                "title": "One holder",
                "name": "Holders number",
                "additionalAttributes": "checked",
                "icon": {
                  "name": "finger",
                  "context": {
                    "name": "finger"
                  }
                }
              },
              {
                "id": "twoHolders",
                "title": "Two holders",
                "name": "Holders number",
                "icon": {
                  "name": "fingers",
                  "context": {
                    "name": "fingers"
                  }
                }
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      }
    ]
  },
  "form-list2_2": {
    "form-list": [
      {
        "isRequired": true,
        "fivecolumns_1_5": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Edad"
            }
          },
          "input": {
            "distinguisher": "edad",
            "id": "ID-9",
            "type": "text",
            "title": "Edad"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fourcolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "Situacion laboral"
            }
          },
          "id": "ID-10",
          "select": {
            "chosen-placeholder": "Selecciona",
            "option": [
              {
                "id": "ID-10-1",
                "select-name": "Funcionario",
                "text": "Funcionario"
              },
              {
                "id": "ID-10-2",
                "select-name": "Profesional-liberal",
                "text": "Profesional liberal"
              },
              {
                "id": "ID-10-3",
                "select-name": "Pensionista",
                "text": "Pensionista"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fivecolumns_2_5": true,
        "isTooltip": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "INGRESOS NETO MES",
              "for": "ID-11"
            }
          },
          "input": {
            "distinguisher": "money",
            "id": "ID-11",
            "type": "text",
            "title": "Ingresos neto mes"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fivecolumns_2": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "Nº PAGAS",
              "for": "ID-12"
            }
          },
          "id": "ID-12",
          "select": {
            "chosen-placeholder": "Selecciona",
            "option": [
              {
                "id": "ID-12-1",
                "select-name": "12",
                "text": "12"
              },
              {
                "id": "ID-12-2",
                "select-name": "14",
                "text": "14"
              },
              {
                "id": "ID-12-3",
                "select-name": "16",
                "text": "16"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fourcolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "OTROS PRÉSTAMOS (€/MES)",
              "for": "ID-13",
              "tooltip": {
                "isHipotecas": true,
                "title": {
                  "text": "Títulilllo",
                  "isP": true
                },
                "bodycopy": {
                  "text": "Este es el texto."
                },
                "link": {
                  "href": "#",
                  "text": "Enlacillo"
                }
              }
            }
          },
          "input": {
            "distinguisher": "prestamos",
            "id": "ID-13",
            "type": "text",
            "title": "Otros prestamos"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      }
    ]
  },
  "form-list2_3": {
    "form-list": [
      {
        "isRequired": true,
        "fivecolumns_1_5": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Edad"
            }
          },
          "input": {
            "distinguisher": "edad",
            "id": "ID-14",
            "type": "text",
            "title": "Edad"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fourcolumns": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "Situacion laboral"
            }
          },
          "id": "ID-15",
          "select": {
            "chosen-placeholder": "Selecciona",
            "option": [
              {
                "id": "ID-15-1",
                "select-name": "Funcionario",
                "text": "Funcionario"
              },
              {
                "id": "ID-15-2",
                "select-name": "Profesional-liberal",
                "text": "Profesional liberal"
              },
              {
                "id": "ID-15-3",
                "select-name": "Pensionista",
                "text": "Pensionista"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fivecolumns_2_5": true,
        "isTooltip": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "INGRESOS NETO MES",
              "for": "ID-16"
            }
          },
          "input": {
            "distinguisher": "money",
            "id": "ID-16",
            "type": "text",
            "title": "Ingresos neto mes"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fivecolumns_2": true,
        "form-select": {
          "field-top": {
            "label": {
              "text": "Nº PAGAS",
              "for": "ID-17"
            }
          },
          "id": "ID-12",
          "select": {
            "chosen-placeholder": "Selecciona",
            "option": [
              {
                "id": "ID-17-1",
                "select-name": "12",
                "text": "12"
              },
              {
                "id": "ID-17-2",
                "select-name": "14",
                "text": "14"
              },
              {
                "id": "ID-17-3",
                "select-name": "16",
                "text": "16"
              }
            ]
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "fourcolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "OTROS PRÉSTAMOS (€/MES)",
              "for": "ID-18",
              "tooltip": {
                "isHipotecas": true,
                "title": {
                  "text": "Títulilllo",
                  "isP": true
                },
                "bodycopy": {
                  "text": "Este es el texto."
                },
                "link": {
                  "href": "#",
                  "text": "Enlacillo"
                }
              }
            }
          },
          "input": {
            "distinguisher": "prestamos",
            "id": "ID-18",
            "type": "text",
            "title": "Otros prestamos"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      }
    ]
  },
  "form-list3": {
    "form-list": [
      {
        "isRequired": true,
        "twocolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Nombre",
              "for": "ID-19"
            }
          },
          "input": {
            "distinguisher": "name",
            "id": "ID-19",
            "type": "text",
            "title": "Nombre"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "Apellidos",
              "for": "ID-20"
            }
          },
          "input": {
            "distinguisher": "surname",
            "id": "ID-20",
            "type": "text",
            "title": "Apellidos"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "E-mail",
              "for": "ID-21"
            }
          },
          "input": {
            "distinguisher": "email",
            "id": "ID-21",
            "type": "text",
            "title": "Email"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      },
      {
        "isRequired": true,
        "twocolumns": true,
        "form-fieldset": {
          "field-top": {
            "label": {
              "text": "TELÉFONO",
              "for": "ID-22"
            }
          },
          "input": {
            "distinguisher": "phone-number",
            "id": "ID-22",
            "type": "text",
            "title": "Teléfono"
          },
          "field-bottom": {
            "error-message": {
              "text": "Debes rellenar el campo correctamente"
            }
          }
        }
      }
    ]
  },
  "return-btn": {
    "btn": {
      "type": "back",
      "text": "Volver",
      "isSecondary": true
    }
  },
  "goon-btn": {
    "btn": {
      "type": "continue",
      "text": "Continuar"
    }
  },
  "submit-btn": {
    "btn": {
      "type": "submit",
      "text": "Enviar"
    }
  },
  "success": {
    "title": {
      "text": "Información enviada"
    },
    "description": {
      "text": "<p>Si tienes una cuenta con nosotros te enviaremos un mail temporal de recuperación de contraseña. Por favor comprueba tu bandeja de entrada</p>"
    }
  },
  "isCheck": true
}
  • Content:
    .prequalifier-form-main{
        .prequalifier-form {
            .col-steps{padding-right:0; padding-left:0;margin-right:-25px;
                @media (--viewport-md-max) {
                    margin-right:-17px;
                }
                @media (--viewport-xs-max) {
                    margin-right:0;
                }
            }
            .form-btn{text-align: center;}
            
            .checkbox-wrapper{margin-top:30px;}
            .recaptcha{display: flex;justify-content: center; }
            .radio-label .icon {width:35px;height:35px; margin-right: 20px;}
            #titular1, #titular2{
                /*margin-top: 45px;*/
                .tooltip-label{margin: 50px 0 -10px;}
                .form-list{
                    .tooltip-label{margin: 0 0 10px;}
                }
            }
            ul.bots{display:flex; flex-direction: row; justify-content: center; width: 100%; margin-top: 40px;
                li{ margin: 0 15px;
                    .form-btn:hover{
                        cursor: pointer;
                    }
                }
            }
            .legal{padding-top: 30px;
                .bodycopy-xs p{padding-top:0;
                    &:first-child{}
                    /*&:nth-of-type(1){padding-top: 0;}*/
                }
            }
            .recaptcha{margin-top: 20px;}
        }
        #step1, #step2, #step3{
            .prequalifier-form-list{
                margin-bottom: -40px;
                @media (--viewport-xs-max) {
                    margin-bottom: -30px;
                }
            }
        }
        
        .inactive{display: none;}
        .active{display:block;}
    }
    
    
    
  • URL: /components/raw/prequalifier-form/prequalifier-form.css
  • Filesystem Path: src/03-organisms/prequalifier-form/prequalifier-form.css
  • Size: 1.5 KB

Variantes: Default, Check. Permite configurar id del form general, y para el form list.