<div class="legal">
<div class="legal__bodycopy">
<div class="
bodycopy-s
">
<p>UCI («Unión de Créditos Inmobiliarios S.A. E.F.C.») tratará los datos personales facilitados a través del presente formulario con la finalidad de gestionar tu solicitud de contacto, facilitarte información sobre nuestros productos y servicios, y conocer tu valoración sobre los mismos, legitimado en el consentimiento otorgado mediante la remisión del mismo. No los conservaremos ni utilizaremos para ninguna otra finalidad, y (salvo que estemos legalmente obligados) no se los facilitaremos a nadie más. Puedes obtener más información sobre el tratamiento de tus datos personales, y cómo ejercitar tus derechos, consultando <a href='XXXenlaceXXX' target='_blank'>nuestra Política de Protección de Datos</a>. Al pulsar en el siguiente botón de envío, declaro haber leído y acepto la información sobre Protección de Datos.</p>
</div>
</div>
</div>
<div class="legal{{#if isCheckbox}} withCheck{{/if}}{{#if showLabel}} showLabel{{/if}}">
{{#if isCheckbox}}
<div class="legal__checkbox">
{{> @form-checkbox-group checkbox }}
</div>
{{/if}}
<div class="legal__bodycopy">
{{> @bodycopy-s bodycopy }}
{{#if isLink}}
<div class="legal__link">
{{#if isLightboxLegal}}
{{ render '@link' modalTrigger1 }}
{{else}}
{{> @link link }}
{{/if}}
{{#if isLinkTooltip}}
{{> @tooltip link-tooltip }}
{{/if}}
</div>
{{/if}}
</div>
{{#if isTooltip}}
<div class="legal__tooltip">
{{> @tooltip tooltip }}
</div>
{{/if}}
</div>
{
"modalTrigger1": {
"href": "#",
"text": "Lightbox New 'modalOne'",
"isModal": true,
"data-modal": "modalOne"
},
"bodycopy": {
"text": "<p>UCI («Unión de Créditos Inmobiliarios S.A. E.F.C.») tratará los datos personales facilitados a través del presente formulario con la finalidad de gestionar tu solicitud de contacto, facilitarte información sobre nuestros productos y servicios, y conocer tu valoración sobre los mismos, legitimado en el consentimiento otorgado mediante la remisión del mismo. No los conservaremos ni utilizaremos para ninguna otra finalidad, y (salvo que estemos legalmente obligados) no se los facilitaremos a nadie más. Puedes obtener más información sobre el tratamiento de tus datos personales, y cómo ejercitar tus derechos, consultando <a href='XXXenlaceXXX' target='_blank'>nuestra Política de Protección de Datos</a>. Al pulsar en el siguiente botón de envío, declaro haber leído y acepto la información sobre Protección de Datos.</p>"
},
"link": {
"href": "#",
"text": "A long line for a link"
},
"checkbox": {
"field-top": {
"fieldset": true,
"label": {
"text": "label"
}
},
"id": "aceptarLegal",
"checkbox-group": {
"isColumn": true,
"checkbox-group": [
{
"id": "acepto",
"title": "acepto",
"name": "acepto",
"label": false
}
]
},
"field-bottom": {
"error-message": {
"text": "Es obligatorio aceptar los términos legales."
},
"helper-text": {
"text": "Helper text opcional"
}
}
}
}
.legal {
position: relative;
display: flex;
justify-items: flex-start;
align-items: flex-start;
margin-bottom: 50px;
&__checkbox {
max-width: 35px;
.field-top {
display: none;
}
.form-checkbox-group {
position: unset;
.field-bottom {
position: absolute;
width: 100%;
bottom: -35px;
left: 0;
.field-bottom__helper-text {
.bodycopy-xs {
margin-bottom: 2px;
}
}
}
}
}
&.showLabel {
padding-top: 50px;
.field-top {
display: flex;
margin-top: -50px;
}
}
&__bodycopy {
a {
color: var(--color-accent-dark);
text-decoration: underline;
}
}
&__link {
.tooltip {
position: relative;
top: auto;
bottom: auto;
right: auto;
margin-top: 0;
margin-left: 10px;
display: inline;
&.flex {
position: absolute;
top: -11px;
left: -25px;
display: inline-flex;
}
}
}
&__tooltip {
.tooltip {
position: relative;
top: 0;
bottom: 0;
margin-top: 0;
margin-right: 10px;
}
}
}
No notes defined.