UCI
<main>
    <div class="landing-header">
        <div class="row">
            <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                <div class="steps-header__head">
                    <div class="container">
                        <div class="steps-header__head-wrapper">
                            <div class="row">
                                <div class="col-xs-6 col-ms-6 col-sm-6 col-lg-6">
                                    <div class="steps-header__logo">
                                        <a href="#" class="steps-header__logo-link" title="Homepage">
                                            <img class="steps-header__logo-img" src="
                                                /dist/images/logo-hipotecas-accent.svg
" alt="Logotype">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-xs-6 center-xs bottom-xs col-ms-6 col-sm-6 col-lg-6">
                                    <div class="steps-header__language">
                                        <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
                                                popup__window_right
                                            ">
                                                <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>
                                                        <li class="popup__lang-item">
                                                            <a class="popup__lang-link
                                                                        popup__link
                                    " href="#">
                                                                CAT
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <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="access-highlight lazyload">
                            <div class="wrap-img">
                                <picture>
                                    <source srcset="/dist/images/access-highlight-mobile.jpg" media="(max-width:767px)" />
                                    <img src="/dist/images/access-highlight-desktop.jpg" />
                                </picture>
                            </div>
                            <div class="row content">
                                <div class="
                            col-xs-9 col-xs-mr col-ms-6 col-ms-offset-1 col-sm-3 col-md-3 col-md-offset-right-2 col-lg-3 col
                        ">
                                    <div class="row">
                                        <div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col">
                                            <div class="access-highlight__figure">
                                                <div class="access-highlight__number">
                                                    <div class="
                                            number-xl
                                            number-xl_color_light
                                        "><span>300</span></div>
                                                </div>
                                                <div class="access-highlight__label">
                                                    <div class="text-label-m text-label-m_color_light">personas extranjeras han confiado en nosotros este año</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-ms-12 col-ms-ml col-sm-6 col-sm-mr col-md-5 col-lg-5 col">
                                    <div class="access-highlight__tile">
                                        <div class="tile-highlight">
                                            <div class="tile-highlight__wrapper">
                                                <div class="tile-highlight__content">
                                                    <div class="tile-highlight__label">
                                                        <div class="text-label-m text-label-m_color_light">¿No Vives en Espana y quieres comprar aquí?</div>
                                                    </div>
                                                    <div class="tile-highlight__title">
                                                        <h2 class="
                                                    title-l
                                                    title-l_color_light
                                                    
                                                    
                                                    
                                                ">

                                                            Tu quieres una casa y nosotros lo hacemos posible

                                                        </h2>
                                                    </div>
                                                    <div class="tile-highlight__bodycopy rich-text">
                                                        <div class="
                                                    bodycopy-m
                                                    bodycopy_color_light
                                                    
                                                    
                                                ">
                                                            <p>Visita la casa personalmente antes de pagar, Conocer a quien pertenece la casa en el Registro de la Propiedad y una vez adquirida, registrar la vivienda en el Registro de la Propiedad, son pasos básicos para comprar en España.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-highlight__btn">
                                                        <a class="btn 
                                                        
                                                         
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        " href="#" id="">
                                                            Comprar casa para no residentes
                                                        </a>
                                                    </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_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">
                        <form id="randomFormId1" action="" method="post" class="validation">
                            <div class="row columns-form">
                                <div class="col-xs-12  col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
                                    <div class="columns-form__form form-distinguisher_columns-form" id="randomFormId1" action="#" method="post" novalidate>
                                        <ul class="form-list form-list-different-columns row">
                                            <li class="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <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">
                                                            </div>
                                                        </div> <input class="input  
                                                input-distinguisher_name
                                        " id="randomInputId21" type="text" name="" title="Name" autocomplete="" />
                                                        <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="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <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="">EMAIL</label>
                                                            <div class="field-top__wrap">
                                                            </div>
                                                        </div> <input class="input  
                                                input-distinguisher_email
                                        " id="randomInputId211" type="text" name="" title="Email" autocomplete="" />
                                                        <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="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <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>
                                            </li>
                                            <li class="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <div class="form-list__field
                                        
                                        
                                        
                                        required">
                                                    <div class="form-select " id="">
                                                        <div class="field-top form-list__tooltip-label_default">
                                                            <label class="label-m" for="provincia">¿Dónde compras?</label>
                                                            <div class="field-top__wrap">
                                                            </div>
                                                        </div>
                                                        <div class="access-select  " id="provincia">
                                                            <div class="access-select__chosen">
                                                                <input class="access-select__chosen-option_hidden" value="" type="hidden" id="provincia">
                                                                <div class="access-select__option access-select__chosen-option">Elije provincia</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="randromApplicationProvinceId1" type="radio" title="Provincia 1" name="Province" value="">
                                                                    <label class="access-select__option access-select__label" for="randromApplicationProvinceId1">
                                                                        Provincia 1
                                                                    </label>
                                                                </li>
                                                                <li class="access-select__item">
                                                                    <input class="access-select__option access-select__input" id="randromApplicationProvinceId2" type="radio" title="Provincia 2" name="Province" value="">
                                                                    <label class="access-select__option access-select__label" for="randromApplicationProvinceId2">
                                                                        Provincia 2
                                                                    </label>
                                                                </li>
                                                                <li class="access-select__item">
                                                                    <input class="access-select__option access-select__input" id="randromApplicationProvinceId3" type="radio" title="Provincia 3" name="Province" value="">
                                                                    <label class="access-select__option access-select__label" for="randromApplicationProvinceId3">
                                                                        Provincia 3
                                                                    </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>
                                            <li class="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <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="landing-price">¿Por cuánto compras?</label>
                                                            <div class="field-top__wrap">
                                                            </div>
                                                        </div> <input class="input  
                                                input-distinguisher_landing-price
                                        " id="landing-price" type="text" name="" title="Por cuánto compras" autocomplete="" />
                                                        <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="col
                                form-list__item
                                    col-xs-12 col-ms-6 col-sm-4 col-md-4 col-lg-4
                                        ">
                                                <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="landing-howmuch">¿Cuánto aportas?</label>
                                                            <div class="field-top__wrap">
                                                            </div>
                                                        </div> <input class="input  
                                                input-distinguisher_landing--howmuch
                                        " id="landing-howmuch" type="text" name="" title="¿Cuánto aportas?" autocomplete="" />
                                                        <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>
                                        </ul>
                                    </div>
                                    <div class="columns-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 class="col-xs-12  col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
                                    <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="col-xs-12  col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
                                    <div class="form-btn">
                                        <div class="form-btn__submit">
                                            <button id="" class="btn 
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                   " type="submit">
                                                Sí quiero

                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </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="
            advantages-extra
            
        ">
                            <div class="advantages-extra__description">
                                <div class="advantages-extra__title">
                                    <h2 class="
                        title-l
                        
                        
                        
                        
                    ">

                                        Despreocúpate, hipotecas sin letra pequeña

                                    </h2>
                                </div>
                                <div class="advantages-extra__link">
                                    <a class="link
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    
                                    " href="#">
                                        <span>Ver nuestras ventajas</span>
                                    </a>

                                </div>
                            </div>
                            <div class="advantages-extra__content ">
                                <ul class="row center-xs center-ms center-sm center-lg  ">
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Sin comisiones</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Sin compromisos</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Sin clausulas suelo</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Sin cambio de banco</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Sin dudas</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Siempre con un gestor personalizado</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></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>
                                    <li class="col-xs-6 col-ms-4 col-sm-3 col-lg-3 col ">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-big-search     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#big-search"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Condiciones transparentes sin sorpresas</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </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="reviews">
                            <div class="reviews__content">
                                <div class="row">
                                    <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-6 col-lg-6">
                                        <div class="reviews__content-wrapper">
                                            <div class="reviews__label">
                                                <div class="text-label-m">nuestros clientes opinan</div>
                                            </div>
                                            <div class="reviews__title">
                                                <h2 class="
                                    title-l
                                    
                                    
                                    
                                    
                                ">

                                                    Nuestro mayor interés, la satisfacción de nuestros clientes

                                                </h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="reviews__main">
                                <div class="reviews__ekomi">
                                    <div class="ekomi-rating">
                                        <div class="ekomi-rating__pic">
                                            <a class="ekomi-rating__link" href="https://www.ekomi.es/testimonios-union-de-creditos-inmobiliarios-uci.html" target="_blank" noreferrer noopener>
                                                <img class="ekomi-rating__img" src="/dist/images/ekomi.png" alt="eKomi quality mark">
                                            </a>
                                        </div>
                                        <div class="ekomi-rating__number">
                                            <div class="
                                number-xl
                                
                            "><span>9,6/10</span></div>
                                        </div>
                                        <div class="ekomi-rating__label">
                                            <div class="text-label-m">+ de 4000 opiniones</div>
                                        </div>
                                    </div>
                                    <div class="reviews__nav">
                                        <div class="reviews__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="reviews__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 class="reviews__swiper">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>La verdad que un servicio bastante bueno y serio.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>3 Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">3 Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>4 La verdad que un servicio bastante bueno y serio.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">4 Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>5 Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">5 Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="tile-review">
                                                    <div class="tile-review__rating">
                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
"></span>
                                                        </div>

                                                        <div class="star-wrapper">
                                                            <span class="star
            star_hollow
        "></span>
                                                        </div>

                                                    </div>
                                                    <div class="tile-review__bodycopy">
                                                        <div class="
                                                especial-m
                                                
                                            ">
                                                            <p>6 La verdad que un servicio bastante bueno y serio.</p>
                                                        </div>
                                                    </div>
                                                    <div class="tile-review__date">
                                                        <div class="text-label-m">6 Sep 2019</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="reviews__nav">
                                    <div class="reviews__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="reviews__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 class="reviews__link">
                                <a class="link
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            " href="#">
                                    <span>A long line for a link</span>
                                </a>

                            </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__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-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: 47px">
                                                <img class="footer__main-share-img" src="/dist/images/logo-white.svg" width="47px" alt="UCI">
                                            </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>
                                </ul>
                            </div>
                        </div>
                        <div class="footer__main-section">
                            <div class="footer__main-copyright">
                                <div class="bodycopy-xs
                                bodycopy_color_light
                                
                                ">
                                    <p>UNIÓN DE CRÉDITOS INMOBILIARIOS - Todos los derechos reservados</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</main>
<main>
    {{#if isHipotecas}}
        {{ render '@landing-header--hipotecas' }}
    {{else}}
        {{ render '@landing-header' }}
    {{/if}}
    {{ render '@access-highlight' }}
    {{#if isHipotecas}}
        {{ render '@columns-form--hipotecas' }}
    {{else}}
        {{ render '@columns-form' }}
    {{/if}}
    {{ render '@advantages-extra' }}
    {{ render '@reviews' }}
    {{ render '@footer--with-copyright-row---for-landings--' }}
</main>
{
  "isHipotecas": true
}

No notes defined.