<main class="ancho-completo-header-fixed">
<header class="header-fixed
">
<div class="header-fixed__wrapper">
<div class="header-fixed__menu">
<div class="header-fixed__head">
<div class="container">
<div class="header-fixed__head-wrapper">
<div class="header-fixed__head-main">
<!-- LOGO -->
<div class="header-fixed__logoElement">
<a class="header-fixed__logoElement-link" href="#">
<img class="header-fixed__logoElement-img" src="/dist/images/logo-hipotecas.svg" alt="Logo">
</a>
<!-- CONTACT INFOS & POPUP -->
<div class="header-fixed__info">
<div class="header-fixed__info-infoText">
<li class="header-fixed__info-infoText-textOne">
Linha Direta
</li>
<li class="header-fixed__info-infoText-textTwo">
UCI
</li>
<li class="header-fixed__info-infoText-textThree">
213 002 042 | 932 442 604
</li>
</div>
<!-- INFO POPUP -->
<li class="header-fixed__popups-item">
<button class="header-fixed__info-infoIcon-infoBtn" type="button" title="Info">
<svg class="icon icon-info-purple ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#info-purple"></use>
</svg>
</button>
<div class="popup"><!-- ==== La clase fractal es para la previsualización en Fractal. NO INTEGRAR ==== -->
<button class="popup__trigger" type="button">
<svg class="icon icon- ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#"></use>
</svg>
</button>
<div class="popup__window
" style="padding:0;">
<div class="popup__info">
<ul class="popup__info-list">
<div class="popup__info-head">
<div class="popup__info-head-title">
Linha Direta <b class="popup__info-head-title-accent"> UCI </b>
</div>
<div class="popup__info-head-schedule">
Dias úteis das 9:00h às 18:00h
</div>
</div>
<ul class="popup__info-contacts">
<div class="popup__info-contacts-phone">
213 002 042
<p class="popup__info-contacts-phone-desc">
(Custo de chamada para rede fixa nacional)
</p>
</div>
</ul>
<ul class="popup__info-contacts">
<div class="popup__info-contacts-phone">
932 442 604
<p class="popup__info-contacts-phone-desc">
(Custo de chamada para rede móvel nacional)
</p>
</div>
</ul>
</ul>
</div>
</div>
</div>
</li>
</div>
</div>
<!-- NOT VISIBLE IN HEADER -->
<div class="header-fixed__popups hidden-xs-ms">
<ul class="header-fixed__popups-list">
<li class="header-fixed__popups-item">
<a class="popup__trigger" href="" title="Contactar">
Contactar
</a>
</li>
<li class="header-fixed__popups-item">
<a class="popup__trigger" href="" title="InfosLegais">
Informações Legais
</a>
</li>
<li class="header-fixed__popups-item">
<a class="popup__trigger" href="" target="_blank" title="Tu espacio">
Área do Cliente
</a>
</li>
<li class="header-fixed__popups-item">
<a class="popup__trigger" href="" title="Blog">
Blog
</a>
</li>
<!-- LANGUAGES POPUP -->
<li class="header-fixed__popups-item">
<div class="popup"><!-- ==== La clase fractal es para la previsualización en Fractal. NO INTEGRAR ==== -->
<button class="popup__trigger" type="button">
<svg class="icon icon- ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#"></use>
</svg>
Idioma
</button>
<div class="popup__window
">
<div class="popup__lang">
<ul class="popup__lang-list">
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
popup__lang-link_active
" href="#">
ES
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
EN
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
PT
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- SEARCH ICON, NOT A TRIGGER YET
<div class="header-fixed__search">
<button class="header-fixed__search-btn" type="button" title="Search">
<svg class="icon icon-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#search"></use>
</svg>
</button>
</div>-->
<!-- HAMBURGUER BUTTON, ONLY VISIBLE IN MOBILE VIEWPORTS -->
<button class="header-fixed__mobile-menu-control header-fixed__hamburger" type="button" title="Menu">
<svg class="icon icon-menu ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#menu"></use>
</svg>
</button>
</div>
<!-- UPPER CTA -->
<div class="header-fixed__cta-btn hidden-xs-ms">
<a class="btn
btn_dark
" href="#" id="">
Simular Crédito
</a>
</div>
</div>
</div>
</div>
<div class="header-fixed__body">
<div class="container">
<div class="header-fixed__body-wrapper">
<div class="header-fixed__body-main-overlay">
<div class="header-fixed__body-main">
<div class="header-fixed__body-main-content">
<div class="header-fixed__body-main-content-nav">
<div class="header-fixed__body-main-menu">
<ul class="header-fixed__body-main-list">
<li class="header-fixed__body-main-item">
<div class="header-fixed__body-main-link
header-fixed__body-main-link_trigger">
<button class="header-fixed__body-main-btn" type="button">
<span>Crédito Habitação</span>
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</button>
</div>
<div class="header-fixed__body-main-submenu">
<div class="header-fixed-submenu">
<div class="header-fixed-submenu__blocks">
<div class="header-fixed-submenu__blocks-tiles">
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Créditos Habitação</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Crédito Habitação A</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Crédito Habitação B</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Crédito Habitação C</span>
</a>
</li>
</ul>
</div>
</div>
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Oportunidades</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Referência Oportunidade 1</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Referência Oportunidade 2</span>
</a>
</li>
</ul>
</div>
</div>
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Vantagens</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Vantagem A</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Vantagem B</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Vantagem C</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Vantagem D</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Vantagem E</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-fixed-submenu__cardSection">
<div class="card-menu">
<div class="card-menu__img">
<a href="#" class="card-menu__img" title="Image description" style="background-image:url(/dist/images/header-highlight-bg.jpg)">
</a>
</div>
<div class="card-menu__title">
<p class="
title-s
">Veja todas as nossas ofertas.</p>
</div>
<div class="card-menu__cta-btn sticky">
<a class="btn
" href="#" id="">
Créditos
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header-fixed__body-main-item">
<div class="header-fixed__body-main-link
header-fixed__body-main-link_trigger">
<button class="header-fixed__body-main-btn" type="button">
<span>Simulador Crédito Habitação</span>
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</button>
</div>
<div class="header-fixed__body-main-submenu">
<div class="header-fixed-submenu">
<div class="header-fixed-submenu__blocks">
<div class="header-fixed-submenu__blocks-tiles">
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Simuladores X</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador X1</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador X2</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador X3</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador X4</span>
</a>
</li>
</ul>
</div>
</div>
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Simuladores Y</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Y1</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Y2</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-fixed-submenu__cardSection">
<div class="card-menu">
<div class="card-menu__img">
<a href="#" class="card-menu__img" title="Image description" style="background-image:url(/dist/images/header-highlight-bg.jpg)">
</a>
</div>
<div class="card-menu__title">
<p class="
title-s
">Simule e escolha a melhor opção para si.</p>
</div>
<div class="card-menu__cta-btn sticky">
<a class="btn
" href="#" id="">
Simular
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header-fixed__body-main-item">
<div class="header-fixed__body-main-link
header-fixed__body-main-link_trigger">
<button class="header-fixed__body-main-btn" type="button">
<span>Vantagens UCI</span>
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</button>
</div>
<div class="header-fixed__body-main-submenu">
<div class="header-fixed-submenu">
<div class="header-fixed-submenu__blocks">
<div class="header-fixed-submenu__blocks-tiles">
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Vantagens</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Página de Vantagens</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Blog: Vantagens</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-fixed-submenu__cardSection">
<div class="card-menu">
<div class="card-menu__img">
<a href="#" class="card-menu__img" title="Image description" style="background-image:url(/dist/images/header-highlight-bg.jpg)">
</a>
</div>
<div class="card-menu__title">
<p class="
title-s
">Os nossos pontos fortes.</p>
</div>
<div class="card-menu__cta-btn sticky">
<a class="btn
" href="#" id="">
Vantagens
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header-fixed__body-main-item">
<div class="header-fixed__body-main-link
header-fixed__body-main-link_trigger">
<button class="header-fixed__body-main-btn" type="button">
<span>Sobre a UCI</span>
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</button>
</div>
<div class="header-fixed__body-main-submenu">
<div class="header-fixed-submenu">
<div class="header-fixed-submenu__blocks">
<div class="header-fixed-submenu__blocks-tiles">
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Sobre a UCI</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Sobre nós link 1</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Sobre nós link 2</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Sobre nós link 3</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Sobre nós link 4</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Sobre nós link 5</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-fixed-submenu__cardSection">
<div class="card-menu">
<div class="card-menu__img">
<a href="#" class="card-menu__img" title="Image description" style="background-image:url(/dist/images/header-highlight-bg.jpg)">
</a>
</div>
<div class="card-menu__title">
<p class="
title-s
">Saiba mais sobre a nossa organização.</p>
</div>
<div class="card-menu__cta-btn sticky">
<a class="btn
" href="#" id="">
Sobre Nós
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="header-fixed__body-main-item">
<div class="header-fixed__body-main-link
header-fixed__body-main-link_trigger">
<button class="header-fixed__body-main-btn" type="button">
<span>Centro de Ajuda</span>
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</button>
</div>
<div class="header-fixed__body-main-submenu">
<div class="header-fixed-submenu">
<div class="header-fixed-submenu__blocks">
<div class="header-fixed-submenu__blocks-tiles">
<div class="header-fixed-submenu__blocks-tile">
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Centros de Ajuda</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Centro de Ajuda Online</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Escritórios físicos</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-fixed-submenu__cardSection">
<div class="card-menu">
<div class="card-menu__img">
<a href="#" class="card-menu__img" title="Image description" style="background-image:url(/dist/images/header-highlight-bg.jpg)">
</a>
</div>
<div class="card-menu__title">
<p class="
title-s
">Entre em contacto connosco.</p>
</div>
<div class="card-menu__cta-btn sticky">
<a class="btn
" href="#" id="">
Centro de Ajuda
</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="header-fixed__body-main-footer">
<div class="header-fixed__body-main-popups hidden-sm-min">
<ul class="header-fixed__body-main-popups-list">
<li class="header-fixed__body-main-popups-item">
<a class="popup__trigger" href="" title="Contactar">
Contactar
</a>
</li>
<li class="header-fixed__body-main-popups-item">
<a class="popup__trigger" href="https://clientes.uci.es/" target="_blank" title="Tu espacio">
Área do Cliente
</a>
</li>
<li class="header-fixed__body-main-popups-lang">
<div class="
header-fixed__body-main-link
header-fixed__body-main-link_trigger
">
<button class="popup__trigger" type="button">
<span>Idioma</span>
</button>
</div>
</li>
</ul>
<ul class="header-fixed__body-main-popups-content">
<li class="header-fixed__body-main-popups-content-item">
<div class="header-fixed__body-main-submenu">
<div class="popup__lang">
<ul class="popup__lang-list">
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
popup__lang-link_active
" href="#">
ES
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
EN
</a>
</li>
<li class="popup__lang-item">
<a class="popup__lang-link
popup__link
" href="#">
PT
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
<div class="header-fixed__body-main-footer-ctaRow">
<a class="btn
btn_dark
" href="#" id="">
Solicitar Contacto
</a>
<a class="btn
" href="#" id="">
Pedir Empréstimo
</a>
</div>
<!-- MOBILE MENU FOOTER CONTACT TILES -->
<ul class="header-fixed__body-main-footer-contactTiles">
<div class="header-fixed__body-main-footer-contactTiles-head">
<div class="header-fixed__body-main-footer-contactTiles-head-title">
Linha Direta
<b class="header-fixed__body-main-footer-contactTiles-head-title-accent">
UCI
</b>
</div>
<div class="header-fixed__body-main-footer-contactTiles-head-schedule">
Dias úteis das 9h00 às 18h00
</div>
</div>
<ul class="header-fixed__body-main-footer-contactTiles-contactsList">
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile">
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile-phone">
213 002 042
</div>
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile-phone-desc">
(Custo de chamada <br> para rede fixa nacional)
</div>
</div>
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile">
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile-phone">
932 442 604
</div>
<div class="header-fixed__body-main-footer-contactTiles-contactsList-contactTile-phone-desc">
(Custo de chamada <br> para rede móvel nacional)
</div>
</div>
</ul>
</ul>
</div>
</div>
</div>
<!-- CLOSE BUTTON FOR MOBILE MENU -->
<button class="header-fixed__mobile-menu-control header-fixed__close" type="button" title="Close menu">
<svg class="icon icon-close ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#close"></use>
</svg>
</button>
</div>
</div>
<!-- LOWER CTA, DISAPPEARS IN MOBILE VIEWPORTS -->
<div class="header-fixed__cta-btn hidden-xs-ms">
<a class="btn
" href="#" id="">
Pedir Empréstimo
</a>
</div>
<!-- MOBILE CTAs, NOT VISIBLE IN DESKTOP VIEWPORTS -->
<div class="header-fixed__cta hidden-sm-min">
<div class="header-fixed__cta-btn sticky">
<a class="btn
btn_dark
" href="#" id="">
Simular Crédito
</a>
<a class="btn
" href="#" id="">
Pedir Empréstimo
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="fixFixedPositionIssues">
</div>
<!--
<div class="row">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div> -->
<section class="splitter splitter_bg-color_white splitter_padding_bottom_small ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="journey-slider sticky-clone__wrapper underHeaderFixed">
<div class="journey-slider__displayInfo">
<div class="journey-slider__displayInfo-infoColumn">
<div class="journey-slider__displayInfo-infoColumn-question">
<div class="text-label-m text-label-m_color_light">EM QUE FASE SE ENCONTRA?</div>
</div>
<div class="journey-slider__displayInfo-infoColumn-title">
<h1 class="
title-xl title-xl_color_light
">Inicie a sua jornada de Crédito Habitação</h1>
</div>
<div class="journey-slider__displayInfo-infoColumn-desc" style="font-weight: 100;">
<div id="" class="
bodycopy-l
bodycopy_color_light
">
<p>Aqui encontra um conjunto de vantagens com o objetivo de tornar o processo de compra simples, tranquilo e rápido.</p>
</div>
</div>
</div>
</div>
<div class="journey-slider__slider">
<a class="journey-slider__slider-imageBox" href="#step[object Object]" style="background-image: url(/dist/images/featured.jpg);">
<div class="journey-slider__slider-imageBox-backgroundMask">
<div class="journey-slider__slider-imageBox-index">
<div class="journey-slider__slider-imageBox-index-number">
<div class="
number-xl
"><span>1</span></div>
</div>
<div class="journey-slider__slider-imageBox-index-description">
<h3 class="
title-m
">Antes de solicitar</h3>
</div>
</div>
</div>
</a>
<a class="journey-slider__slider-imageBox" href="#step[object Object]" style="background-image: url(/dist/images/testimonials-bg.jpg);">
<div class="journey-slider__slider-imageBox-backgroundMask">
<div class="journey-slider__slider-imageBox-index">
<div class="journey-slider__slider-imageBox-index-number">
<div class="
number-xl
"><span>2</span></div>
</div>
<div class="journey-slider__slider-imageBox-index-description">
<h3 class="
title-m
">Procuro crédito habitação</h3>
</div>
</div>
</div>
</a>
<a class="journey-slider__slider-imageBox" href="#step[object Object]" style="background-image: url(/dist/images/access-highlight-bg-mob.jpg);">
<div class="journey-slider__slider-imageBox-backgroundMask">
<div class="journey-slider__slider-imageBox-index">
<div class="journey-slider__slider-imageBox-index-number">
<div class="
number-xl
"><span>3</span></div>
</div>
<div class="journey-slider__slider-imageBox-index-description">
<h3 class="
title-m
">O meu crédito habitação foi aprovado</h3>
</div>
</div>
</div>
</a>
<a class="journey-slider__slider-imageBox" href="#step[object Object]" style="background-image: url(/dist/images/testimonials-bg2.jpg);">
<div class="journey-slider__slider-imageBox-backgroundMask">
<div class="journey-slider__slider-imageBox-index">
<div class="journey-slider__slider-imageBox-index-number">
<div class="
number-xl
"><span>4</span></div>
</div>
<div class="journey-slider__slider-imageBox-index-description">
<h3 class="
title-m
">Escritura</h3>
</div>
</div>
</div>
</a>
</div>
<div class="journey-slider__stepsBar">
<div class="container">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<ul class="journey-slider__stepsBar-stepsBarRow">
<div class="journey-slider__stepsBar-stepBlock" id="1">
<div class="journey-slider__stepsBar-link">
<a class="link
link_simple
" href="#1">
<span>1</span>
</a>
</div>
<div class="journey-slider__stepsBar-link-textLink">
<a class="link
link_simple
" href="#1">
<span>. Antes de solicitar</span>
</a>
</div>
</div>
<div class="journey-slider__stepsBar-linksDivider">></div>
<div class="journey-slider__stepsBar-stepBlock" id="2">
<div class="journey-slider__stepsBar-link">
<a class="link
link_simple
" href="#2">
<span>2</span>
</a>
</div>
<div class="journey-slider__stepsBar-link-textLink">
<a class="link
link_simple
" href="#2">
<span>. Procuro crédito habitação</span>
</a>
</div>
</div>
<div class="journey-slider__stepsBar-linksDivider">></div>
<div class="journey-slider__stepsBar-stepBlock" id="3">
<div class="journey-slider__stepsBar-link">
<a class="link
link_simple
" href="#3">
<span>3</span>
</a>
</div>
<div class="journey-slider__stepsBar-link-textLink">
<a class="link
link_simple
" href="#3">
<span>. O meu crédito habitação foi aprovado</span>
</a>
</div>
</div>
<div class="journey-slider__stepsBar-linksDivider">></div>
<div class="journey-slider__stepsBar-stepBlock" id="4">
<div class="journey-slider__stepsBar-link">
<a class="link
link_simple
" href="#4">
<span>4</span>
</a>
</div>
<div class="journey-slider__stepsBar-link-textLink">
<a class="link
link_simple
" href="#4">
<span>. Escritura</span>
</a>
</div>
</div>
<div class="journey-slider__stepsBar-linksDivider">></div>
<div class="journey-slider__stepsBar-stepBlock" id="5">
<div class="journey-slider__stepsBar-link">
<a class="link
link_simple
" href="#5">
<span>5</span>
</a>
</div>
<div class="journey-slider__stepsBar-link-textLink">
<a class="link
link_simple
" href="#5">
<span>. Último Passo</span>
</a>
</div>
</div>
<div class="journey-slider__stepsBar-linksDivider">></div>
</ul>
</div>
</div>
</div>
</div>
<div class="journey-slider__progress">
<div class="progress">
<div class="container">
<div class="progress-bar" id="myBar"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="product-swiper">
<div id="swiperID" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="product " id=product>
<div class="row bg-color_yellow">
<div class="col-xs-12 col-ms-6 col-sm-6 col-lg-6">
<div class="product__support lazyload">
<img src="/dist/images/product.jpg" />
<div class="row">
<div class="col-xs-10 col-ms-12 col-sm-10 col-md-8 col-lg-8">
<div class="product__support-wrapper">
<div class="product__support-text">
<div class="
number-xl
number-xl_color_light
"><span>5.000</span></div>
</div>
<div class="product__support-label-wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10">
<div class="product__support-label">
<div class="text-label-m text-label-m_color_light">personas han comprado casa con nosotros este año</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-6 col-sm-4 col-sm-mr-ml col-lg-4">
<div class="product__content">
<div class="product__icon">
<img class="product__img" src="/dist/images/compracasa.svg" alt="Product">
</div>
<div class="product__label">
<div class="text-label-m">VIVE / HIPOTECA COMPRA CASA</div>
</div>
<div class="product__title">
<h2 class="
title-l
">
1 - Tu quieres una casa y nosotros lo hacemos posible
</h2>
</div>
<div class="product__bodycopy">
<div class="
bodycopy-m
">
<p>Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
</div>
</div>
<div class="product__btn">
<a class="btn
" href="#" id="">
Comprar casa
</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="product__nav">
<div class="product__nav-back nav-back">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="product__nav-forward nav-forward">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="product " id=product2>
<div class="row ">
<div class="col-xs-12 col-ms-6 col-sm-6 col-lg-6">
<div class="product__support lazyload">
<img src="/dist/images/product.jpg" />
<div class="row">
<div class="col-xs-10 col-ms-12 col-sm-10 col-md-8 col-lg-8">
<div class="product__support-wrapper">
<div class="product__support-text">
<div class="
number-xl
number-xl_color_light
"><span>5.000</span></div>
</div>
<div class="product__support-label-wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10">
<div class="product__support-label">
<div class="text-label-m text-label-m_color_light">personas han comprado casa con nosotros este año</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-6 col-sm-4 col-sm-mr-ml col-lg-4">
<div class="product__content">
<div class="product__icon">
<img class="product__img" src="/dist/images/compracasa.svg" alt="Product">
</div>
<div class="product__label">
<div class="text-label-m">VIVE / HIPOTECA COMPRA CASA</div>
</div>
<div class="product__title">
<h2 class="
title-l
">
2 - Tu quieres una casa y nosotros lo hacemos posible
</h2>
</div>
<div class="product__bodycopy">
<div class="
bodycopy-m
">
<p>Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
</div>
</div>
<div class="product__btn">
<a class="btn
" href="#" id="">
Comprar casa
</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="product__nav">
<div class="product__nav-back nav-back">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="product__nav-forward nav-forward">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="testimonials">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-1 col col-text">
<div class="testimonials__content">
<div class="row">
<div class="col-xs-12 col-ms-9 col-sm-mr-ml col-ms-mr-ml col-sm-9 col-md-11 col-lg-11 col">
<div class="testimonials__content-wrapper">
<div class="testimonials__title">
<h2 class="
title-l
">
Nuestro equipo siempre cerca de ti
</h2>
</div>
<div class="testimonials__bodycopy rich-text">
<div class="
bodycopy-m
">
<p>Las empresas no son más que papeles sin las personas que trabajan en ellas. Por eso, queremos explicarte cómo somos por dentro para que puedas conocernos mejor y descubrir nuestro mejor valor: nuestra gente.</p>
</div>
</div>
<div class="testimonials__link">
<a class="link
" href="#">
<span>Quiénes somos</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4 col col-swiper">
<div class="testimonials__swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tile-testimonial">
<div class="tile-testimonial__box">
<div class="tile-testimonial__content">
<div class="tile-testimonial__quote-mark">
<span>“</span>
</div>
<div class="tile-testimonial__bodycopy rich-text">
<div class="
especial-m
especial-m_color_light
">
<p>Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-testimonial__author">
<div class="tile-testimonial__name">
<div class="text-label-m text-label-m_color_light">Pilar Camacho</div>
</div>
<div class="tile-testimonial__organization">
<div class="text-label-m text-label-m_color_light">COMERCIAL UCI</div>
</div>
</div>
</div>
<div class="tile-testimonial__nav">
<div class="tile-testimonial__back nav-back">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="tile-testimonial__forward nav-forward">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="tile-testimonial__line">
<div class="line"></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-testimonial">
<div class="tile-testimonial__box">
<div class="tile-testimonial__content">
<div class="tile-testimonial__quote-mark">
<span>“</span>
</div>
<div class="tile-testimonial__bodycopy rich-text">
<div class="
especial-m
especial-m_color_light
">
<p>2 Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
<p>2 Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-testimonial__author">
<div class="tile-testimonial__name">
<div class="text-label-m text-label-m_color_light">Pilar Camacho</div>
</div>
<div class="tile-testimonial__organization">
<div class="text-label-m text-label-m_color_light">COMERCIAL UCI</div>
</div>
</div>
</div>
<div class="tile-testimonial__nav">
<div class="tile-testimonial__back nav-back">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="tile-testimonial__forward nav-forward">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="tile-testimonial__line">
<div class="line"></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tile-testimonial">
<div class="tile-testimonial__box">
<div class="tile-testimonial__content">
<div class="tile-testimonial__quote-mark">
<span>“</span>
</div>
<div class="tile-testimonial__bodycopy rich-text">
<div class="
especial-m
especial-m_color_light
">
<p>3 Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
</div>
</div>
<div class="tile-testimonial__author">
<div class="tile-testimonial__name">
<div class="text-label-m text-label-m_color_light">Pilar Camacho</div>
</div>
<div class="tile-testimonial__organization">
<div class="text-label-m text-label-m_color_light">COMERCIAL UCI</div>
</div>
</div>
</div>
<div class="tile-testimonial__nav">
<div class="tile-testimonial__back nav-back">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-left"></use>
</svg>
</div>
</div>
<div class="tile-testimonial__forward nav-forward">
<div class="
nav-arrow
nav-arrow_light
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="tile-testimonial__line">
<div class="line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-6 col-lg-6 col col-background">
<div class="testimonials__swiper-background">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonials__background"><img src="/dist/images/testimonials-bg.jpg" /></div>
</div>
<div class="swiper-slide">
<div class="testimonials__background"><img src="/dist/images/testimonials-bg2.jpg" /></div>
</div>
<div class="swiper-slide">
<div class="testimonials__background"><img src="/dist/images/testimonials-bg.jpg" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="cards-grid">
<div class="cards-grid__head">
<div class="cards-grid__title">
<h2 class="
title-l
">
Productos que se adaptan a tus necesidades
</h2>
</div>
<div class="cards-grid__description">
<div class="
bodycopy-m
">
Todos los artículos por fecha de publicación
</div>
</div>
<div class="cards-grid__link">
<a class="link
" href="#">
<span>Ver todos los productos</span>
</a>
</div>
</div>
<div class="cards-grid__cards" data-number-of-visible-elements="all">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col cards-grid__cards__item">
<div class="card">
<div class="card__content">
<div class="card__label">
<div class="text-label-m">12 SEP 2020</div>
</div>
<div class="card__title">
<a href="#" class="card__title-link">
<h3 class="
title-m
">6 Consejos para aumentar el valor de la vivienda</h3>
</a>
</div>
<div class="card__reference">
<div class="text-label-m text-label-m_color_accent">Reference</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="splitter splitter_bg-color_white ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="advantages">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-md-10 col-lg-10">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-satisfaccion ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#satisfaccion"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Condiciones transparentes y sin sorpresas</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-gestorpersonalizado ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#gestorpersonalizado"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Siempre con un gestor personalizado para asesorarte</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
<div class="advantage">
<div class="advantage__icon">
<svg class="icon icon-productopersonalizado01 ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#productopersonalizado01"></use>
</svg>
</div>
<div class="advantage__bodycopy">
<div id="" class="
bodycopy-l
">
<p>Productos adaptados a tus necesidades y estilo de vida</p>
</div>
</div>
<div class="advantage__extra">
<div class="
bodycopy-m
">
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Comento esta variante ya que parece no estar en uso (CA)
-->
<footer class="footer">
<div class="container">
<div class="footer__menu">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="footer__menu-tiles">
<ul class="row row_footer-20">
<li class="
col-xs-12 col-ms-12 col-sm-4 col-sm-4_footer-20 col-md-4_8 col-md-4_8_footer-20
">
<div class="footer__menu-tile">
<!--OJO, esta clase está mal en integración en el footer.cshtml (CA) -->
<div class="tile-footer-menu">
<div class="tile-footer-menu__title">
<h3 class="
title-m
title-m_color_light
">Descubre Hipotecas</h3>
</div>
<div class="tile-footer-menu__body">
<div class="tile-footer-menu__list">
<ul class="row">
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Calcula tu hipoteca</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Te ayudamos</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Somos Hipotecas</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Preguntas frecuentes</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Quiénes somos</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Blog</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Opiniones Hipotecas</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="
col-xs-12 col-ms-12 col-sm-4 col-sm-4_footer-20 col-md-4_8 col-md-4_8_footer-20
">
<div class="footer__menu-tile">
<!--OJO, esta clase está mal en integración en el footer.cshtml (CA) -->
<div class="tile-footer-menu">
<div class="tile-footer-menu__title">
<h3 class="
title-m
title-m_color_light
">Nuestras soluciones</h3>
</div>
<div class="tile-footer-menu__body">
<div class="tile-footer-menu__list">
<ul class="row">
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Hipoteca Compra de casa</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Hipoteca Compra + reforma</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Hipoteca Cambio de casa</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Hipoteca Compra sobre plano</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Hipoteca Reunificación de préstamos</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Seguros</span>
</a>
</div>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-12 col-md-6 col-lg-6">
<div class="tile-footer-menu__item">
<div class="tile-footer-menu__link">
<a class="link
link_simple
link_large
link_footer
" href="#">
<span>Servicios</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="
col-xs-12 col-ms-12 col-sm-4 col-sm-4_footer-20 col-md-2_4 col-md-2_4_footer-20
">
<div class="footer__menu-tile">
<!--OJO, esta clase está mal en integración en el footer.cshtml (CA) -->
<div class="tile-footer-menu">
<div class="tile-footer-menu__title">
<h3 class="
title-m
title-m_color_light
">Contacto</h3>
</div>
<div class="tile-footer-menu__body">
<div class="tile-footer-menu__contact">
<div class="row">
<div class="col-xs-12 col-ms-6 col-sm-12 col-lg-12">
<div class="tile-footer-menu__contact-first-col">
<ul class="tile-footer-menu__contact-first-col-list">
<li class="tile-footer-menu__contact-first-col-item">
<div class="tile-footer-menu__contact-link">
<a class="link
link_simple
link_large
link_footer
" href="tel:916193020">
<span>91 619 30 20</span>
</a>
<a class="link
link_second-link
link_large
link_footer link_simple" href="tel:922101100">
<span>92 210 1100</span>
</a>
</div>
<div class="tile-footer-menu__contact-info">
<div class="
bodycopy-s
">
<span>De lunes a viernes: 09:30 - 18:30h</span>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-ms-6 col-sm-12 col-lg-12">
<div class="tile-footer-menu__contact-second-col">
<ul class="tile-footer-menu__contact-second-col-list">
<li class="tile-footer-menu__contact-second-col-item">
<div class="tile-footer-menu__contact-link">
<a class="link
link_simple
link_footer
" href="mailto:atenciónalcliente@hipotecas.com">
<span>atenciónalcliente@hipotecas.com</span>
</a>
</div>
</li>
<li class="tile-footer-menu__contact-second-col-item">
<div class="tile-footer-menu__contact-link">
<div class="lightbox " value="contactForm">
<div class="lightbox__trigger footer__lightbox-link">
<button class="link
link_simple
link_has-icon link_has-icon_after
" type="button">
<span>Formulario de contacto</span>
<svg class="icon icon-plus icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#plus"></use>
</svg>
</button>
</div>
<div class="lightbox__overlay" id="">
<div class="lightbox__wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12 col-ms-10 col-ms-mr-ml col-sm-10 col-lg-10">
<div class="lightbox__close-container">
<button class="lightbox__close" type="button" title="Close">
<svg class="icon icon-close ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#close"></use>
</svg>
</button>
</div>
<div class="lightbox__window">
<div class="row">
<div class="col-xs-12 col-ms-10 col-ms-mr-ml col-sm-10 col-lg-9_5">
<div class="lightbox__head">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="lightbox__title">
<h2 class="
title-l
">
Trabajemos juntos
</h2>
</div>
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4"> <span class="link link_not-a-link
">
</span>
<div class="
bodycopy-s
">
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4"> <span class="link link_not-a-link
">
</span>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4"> <span class="link link_not-a-link
">
</span>
</li>
</ul>
<div class="lightbox__description">
<div class="
bodycopy-m
">
<p>Déjanos tus datos de contacto y nos pondremos en contacto contigo lo antes posible</p>
</div>
</div>
</div>
</div>
</div>
<div class="lightbox__content">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="lightbox__content-main contactForm">
<div class="contact-form">
<form id="randomFormId3" class="contact-form__form form-distinguisher_contact-form" action="#" method="post" novalidate>
<div class="contact-form__content">
<ul class="form-list">
<li class="form-list__item ">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Nombre</label>
<div class="field-top__wrap">
<!-- Se añade la variante fractal para la visualización en Fractal. NO INTEGRAR -->
<div id="tooltipCuantoNecesitas" class="tooltip flex">
<svg class="icon icon-16_tooltip ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_tooltip"></use>
</svg>
<div class="msg-tooltip">
<span class="arrow"></span>
<div class="wrap">
<p class="
title-s
">Títulilllo</p>
<div class="
bodycopy-s
">
Este es el texto.
</div> <a class="link
" href="#">
<span>Enlacillo</span>
</a>
</div>
</div>
</div>
</div>
</div> <input class="input
input-distinguisher_name
" id="randomInputId211" type="text" name="" title="Name" autocomplete="" placeholder="¿Cómo te llamas?" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Apellidos</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_surname
" id="randomInputId212" type="text" name="" title="Surname" autocomplete="" placeholder="¿Cómo te apellidas?" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Mail de contacto</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_email
" id="randomInputId211" type="text" name="" title="Email" autocomplete="" placeholder="¿Cual es tu e-mail?" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="row">
<div class="col-xs-5 col-ms-5 col-sm-5 col-md-6 col-lg-6">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Prefix</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_prefix
" id="randomInputId3" type="text" name="" title="Phone prefix" autocomplete="" value="+34" minlength='3' />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-7 col-ms-7 col-sm-7 col-md-6 col-lg-6">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Telefono</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_phone-number
" id="randomInputId4" type="text" name="" title="Phone number" autocomplete="" minlength='11' />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="form-list__field required">
<div class="form-textarea" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Field Text</label>
<div class="field-top__wrap">
</div>
</div>
<div class="textarea">
<textarea class="textarea-field
input-distinguisher_Mensaje
" id="randomInputId211" name="Mensaje" title="Mensaje" placeholder="Placeholder"></textarea>
</div>
<div class="field-bottom">
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="form-list__field required">
<div class="form-radio-group form-radio-group-distinguisher_contact-type " id="contactMethod">
<div class="field-top fieldset form-list__tooltip-label_default">
<!-- para los radio y checkbox group -->
<fieldset class="label-m " for="">Field Text</fieldset>
<div class="field-top__wrap">
</div>
</div>
<div class="radio-group" id="">
<ul>
<li class="radio-group__item">
<div class="radio">
<input class="radio-input radio-distinguisher_contact-through-email " id="randomRadioId1" type="radio" title="E-mail" name="Contact method" value="POR EMAIL" checked>
<label class="radio-label " for="randomRadioId1" id="" value="">
<span class="caption-placeholder-m">POR EMAIL</span>
</label>
</div>
</li>
<li class="radio-group__item">
<div class="radio">
<input class="radio-input radio-distinguisher_contact-through-phone " id="randomRadioId2" type="radio" title="Phone" name="Contact method" value="POR TELÉFONO">
<label class="radio-label " for="randomRadioId2" id="" value="">
<span class="caption-placeholder-m">POR TELÉFONO</span>
</label>
</div>
</li>
<li class="radio-group__item">
<div class="radio">
<input class="radio-input radio-distinguisher_contact-through-callme " id="randomRadioId3" type="radio" title="Call me" name="Contact method" value="LLAMADME YA">
<label class="radio-label " for="randomRadioId3" id="" value="">
<span class="caption-placeholder-m">LLAMADME YA</span>
</label>
</div>
</li>
</ul>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
<div class="form-list__field form-list__field_call-time hidden required">
<div class="form-select form-select-distinguisher_call-time" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Field Text</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">HORARIO PREFERENTE DE CONTACTO</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="randomSelectId1" type="radio" title="De 9:00 a 14:00 h" name="Preferred contact time" value="">
<label class="access-select__option access-select__label" for="randomSelectId1">
De 9:00 a 14:00 h
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="randomSelectId2" type="radio" title="De 14:00 a 18:00 h" name="Preferred contact time" value="">
<label class="access-select__option access-select__label" for="randomSelectId2">
De 14:00 a 18:00 h
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="randomSelectId3" type="radio" title="De 18:00 a 20:00 h" name="Preferred contact time" value="">
<label class="access-select__option access-select__label" for="randomSelectId3">
De 18:00 a 20:00 h
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="randomSelectId4" type="radio" title="De 20:00 a 24:00 h" name="Preferred contact time" value="">
<label class="access-select__option access-select__label" for="randomSelectId4">
De 20:00 a 24:00 h
</label>
</li>
</ul>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Debes rellenar el campo correctamente</span>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="contact-form__legal">
<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>
<div class="form-btn">
<div class="form-btn__submit">
<button id="" class="btn
" type="submit">
Solicitar información
</button>
</div>
</div>
</div>
</form>
<div class="contact-form__success hidden">
<div class="success">
<div class="success__icon">
<svg class="icon icon-complex_enviar icon-56 ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#complex_enviar"></use>
</svg>
</div>
<div class="success__title">
<h2 class="
title-l
">
Información enviada
</h2>
</div>
<div class="success__description">
<div class="
bodycopy-m
">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="tile-footer-menu__contact-second-col-item">
<div class="tile-footer-menu__contact-link">
<a class="link
link_footer
" href="#">
<span>¿Dónde estamos?</span>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__main">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="footer__main-section">
<div class="footer__main-info">
<div class="footer__main-info-head"> <!-- aquí va el logo cuando no es reducido UCI -->
<a class="footer__main-info-head-link" href="#">
<div class="footer__main-info-head-pic" style="max-width: 47px">
<img class="footer__main-info-img" src="/dist/images/logo-white.svg" width="47px" alt="UCI">
</div>
</a>
</div>
<div class="footer__main-info-body">
<div class="footer__main-info-list">
<ul class="row row_footer row_footer-40">
<li class="
col-xs-12 col-ms-12 col-sm-4 col-sm-4_footer-40
">
<div class="footer__main-info-item">
<div class="footer__main-info-desc">
<div class="
bodycopy-s
bodycopy_color_light
">
<p>Hipotecas.com es el canal de comercialización de hipotecas a través de Internet de Unión de Créditos Inmobiliarios, S.A. E.F.C.</p>
</div>
</div>
</div>
</li>
<li class="
col-xs-12 col-ms-6 col-sm-4 col-sm-4_footer-40
">
<div class="footer__main-info-item">
<div class="footer__main-info-links">
<ul class="row">
<li class="col-xs-6 col-ms-6 col-sm-6 col-lg-6">
<div class="footer__main-info-link">
<a class="link
link_simple
link_large
link_color_light
link_footer
" href="#">
<span>UCI España</span>
</a>
</div>
</li>
<li class="col-xs-6 col-ms-6 col-sm-6 col-lg-6">
<div class="footer__main-info-link">
<a class="link
link_simple
link_large
link_color_light
link_footer
" href="#">
<span>UCI Portugal</span>
</a>
</div>
</li>
</ul>
</div>
<div class="footer__main-info-general-link">
<a class="link
link_simple
link_color_light
link_footer
" href="#">
<span>Todas las webs del grupo</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__main-section">
<div class="footer__main-share">
<ul class="footer__main-share-list">
<li class="footer__main-share-item">
<a class="footer__main-share-link" href="#">
<div class="footer__main-share-logo" style="max-width: 175px">
<img class="footer__main-share-img" src="/dist/images/logo-hipotecas-accent.svg" width="175px" alt="Hipotecas.com">
</div>
</a>
</li>
<li class="footer__main-share-item">
<ul class="footer__main-share-socials">
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#fb">
<svg class="icon icon-fb ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#fb"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#inst">
<svg class="icon icon-instagram ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#instagram"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#in">
<svg class="icon icon-in ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#in"></use>
</svg>
</a>
</li>
<li class="footer__main-share-social">
<a class="footer__main-share-social-link" href="#yt">
<svg class="icon icon-youtube ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#youtube"></use>
</svg>
</a>
</li>
</ul>
</li>
<li class="footer__main-share-item">
<ul class="footer__main-share-certificates">
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/gptw.png" alt="Great Place to Work">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/confianza-online.png" alt="Confianza online">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/aenor-iso9001.png" alt="AENOR ISO 9001">
</div>
</a>
</li>
<li class="footer__main-share-certificate">
<a class="footer__main-share-certificate-link" href="#" target="_blank" noopener>
<div class="footer__main-share-certificate-pic" style="width: auto; height: 80px">
<img class="footer__main-share-certificate-img" src="https://hipotecas.com/-/media/Project/Ecoweb/Certifications/ekomi.png" alt="Ekomi">
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="footer__main-section">
<div class="footer__main-legal">
<ul class="footer__main-legal-list">
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Aviso legal y Condiciones de uso</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Información legal y reclamaciones</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Política de Privacidad y cookies</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Gobierno corporativo</span>
</div>
</a>
</li>
<li class="footer__main-legal-item ">
<a class="footer__main-legal-link" href="#">
<div class="bodycopy-xs
bodycopy_color_light
">
<span>Sitemap</span>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</main>
<main class="ancho-completo-header-fixed">
{{#if doesHeaderExist}}
{{#if isHipotecas}}
{{ render '@header-fixed--hipotecas' }}
{{else}}
{{ render '@header-fixed' }}
{{/if}}
{{/if}}
{{ render '@journey-slider--under-header-fixed' }}
{{ render '@product' }}
{{ render '@testimonials' }}
{{ render '@cards-grid' }}
{{#if doesFooterExist}}
{{#if isHipotecas}}
{{ render '@advantages--hipotecas' }}
{{ render '@footer--hipotecas' }}
{{else}}
{{ render '@advantages' }}
{{ render '@footer' }}
{{/if}}
{{/if}}
</main>
{
"doesHeaderExist": true,
"doesFooterExist": true,
"isHipotecas": true
}
.ancho-completo-header-fixed {
}
No notes defined.