:root{
    --boxLightStream: #49A5E6 url('../images/backgrounds/lightstream_azul_claro.svg') no-repeat;
}
.inner2{
    width: 90%;
    max-width: 1176px;
    margin: 0px auto;
    padding: 0;
}
/* HeroBanner */
.hero-cliente{
    background: url('../images/prestamos/prestamos-hero-cliente.png');
}
.hero-ejecutivo{
    background: url('../images/prestamos/prestamos-hero-ejecutivo.png');
}
.hero3{
    width: 100%;
    /* background: url('../images/herobanners/header_promociones_exclusivas.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center center; */
    height: 360px;
}
@media screen and (max-width: 1024px) {
    .hero3 {
        background-position: 54% 10% !important;
    }
}
@media screen and (max-width: 768px) {
    .hero3 {
        background-position: 80% center !important;
    }
}
/**clipFull**/
.clipFull {
    max-width: 1176px;
    width: 92%;
    background: transparent;
    height: 360px;
    margin: 0px auto;
    position: relative;
    }
.clipFull .heroTxt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 850px;
    color: #fff;
    text-align: center;
}
.clipFull h1 {
    font-family: 'BentonSansBBVA-Medium';
    font-size: 40px;
    /*text-shadow: 0px 0px 16px rgba(0,0,0,0.85);*/
}
.clipFull h1 span {
    color: var(--aqua);
}
.clipFull h2 {
    font-family: 'BentonSansBBVA-Medium';
    font-size: 24px;
    margin-top: 22px;
    line-height: 30px;
    /*text-shadow: 0px 0px 16px rgba(0,0,0,0.85);*/
}
/** ClipFull **/
@media screen and (max-width: 1024px) {
    .clipFull .heroTxt{
        width: 95%;
    }
    .clipFull h1 {
        font-size: 28px;
    }
    .clipFull h2 {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .hero3 {
        height: 250px;
    }
    .clipFull {
        height: 250px;
    }
}
@media (max-width: 420px) {
    .hero3 {
        height: 200px;
    }
    .clipFull {
        height: 200px;
    }
    .clipFull h1 {
        font-family: 'BentonSansBBVA-Medium';
        font-size: 22px;
    }
}
/* HeroBanner */

/* botones */

.btn-tipo {
	height: 180px;
	line-height: auto;
    border-radius: 0px;
    font-size: 21px;
    font-family: 'BentonSansBBVA-Book';
}
.hipotecario {
	background-color: #fff;;
	color: #028484;
	border-bottom: 4px solid #028484;
}
.nomina {
	background-color: #fff;
	color: #072146;
	border-bottom: 4px solid #072146
}
.auto {
	background-color: #fff;
	color: #1464a5;
	border-bottom: 4px solid #1464a5;
}
.hipotecario:hover {
	background-color: #028484;
	color: #fff;
}
.hipotecario.active {
	background-color: #028484;
	color: #fff;
}
.hipotecario.active:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 25px #028484;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}
.nomina:hover {
	background-color: #072146;
	color: #fff;
}
.nomina.active {
	background-color: #072146;
	color: #fff;
}
.nomina.active:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 25px #072146;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}
.auto:hover {
	background-color: #1464a5;
	color: #fff;
}
.auto.active {
	background-color: #1464a5;
	color: #fff;
}
.auto.active:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 25px #1464a5;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

button {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 500px) {
    .btn-tipo {
        font-size: 18px;
    }
}
@media (max-width: 420px) {
    .btn-tipo {
        font-size: 15px;
    }
}
/*Botones*/

/* BARRA GRIS */
.barra-gris {
	background-color: #f4f4f4;
	width: 100%;
    height: auto;
    font-family: "BentonSansBBVA-Book";
    font-size: 15px;
    margin: 0px;
    box-sizing: border-box;
}
.barra-gris .gris {
	background-color: #fff;
	width: 100%;
	min-height: 402px;
}
.barra-gris ol {
    margin-left: 0px;
    padding-left: 0px;
}
.barra-gris ol li {
    background: url(../images/icn_bullet.svg) no-repeat left 15px;
    padding: 6px 0px 0px 15px;
    list-style: none;
    margin: 0;
    font-family: "BentonSansBBVA-Book";
    font-size: 15px;
}
.padding-gris{
    padding: 60px 0;
}
@media (max-width: 1200px) {
    .padding-gris{
        padding: 60px 16px;
    }
}
/* BARRA GRIS */



/*BARRA AZUL*/
.barra-azul {
    /* background-color: #043263; */
    background: #043263 url(../images/prestamos/lighstream.png) no-repeat;;
    background-size: 380px;
    background-position: 80% center;
	color: #fff;
    min-height: 466px;
    height: auto;
    width: 100%;
    position: relative;
    display: block;
}
.barra-azul-texto-ejecutivo, .barra-azul-texto-cliente{
    height: 100%;
    text-align: left;
}
.barra-azul .parentFlex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.barra-azul .half {
    width: 49%;
    box-sizing: border-box;
    position: relative;
    /* height: 100%; */
    height: auto;
}
.barra-azul-titulo-ejecutivo, .barra-azul-titulo-cliente{
    font-family: "BentonSansBBVA-Medium";
    font-size: 36px;
}
.vertical-center{
    display: flex;
    align-items: center;
    align-content: center;
}
.barra-azul .img {
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
}
.barra-azul .half img{
    max-width: 200px;
    text-align: center;
    margin: 0px auto;
    
}
.icon-barra-azul{
    top: 23%;
}
.order-reverse-0{
    order: 0;
}
.order-reverse-1{
    order: 1;
}
@media screen and (max-width: 1024px) {
    .barra-azul {
        height: 400px;
    }
    .barra-azul .s36{
        font-size: 32px;
    }
    .barra-azul-titulo-ejecutivo, .barra-azul-titulo-cliente{
        font-size: 24px;
    }
    .barra-azul .s32{
        font-size: 24px;;
    }
}

@media screen and (max-width: 768px) {
    .barra-azul {
        background-position: 50% -100px;
        height: 540px;
    }
    .barra-azul-texto-ejecutivo, .barra-azul-texto-cliente{
        height: 70%;
    }
    .barra-azul .half {
        width: 100%;
        padding: 0px;
        height: 160px;
    }
    .barra-azul .img {
        display: flex;
        /* align-content: center; */
        align-items: flex-start;
        /* text-align: center; */
    }
    .barra-azul .half img{
        max-width: 160px;
        
    }
    .order-reverse-0{
        order: 1;
    }
    .order-reverse-1{
        order: 0;
    }
}
@media screen and (max-width: 768px) {
    .barra-azul {
        height: 500px;
    }
}
@media screen and (max-width: 500px) {
    .barra-azul {
        height: 490px;
    }
}
/*BARRA AZUL*/


/* BARRA BLANCA */
.barra-blanca-texto-ejecutivo, .barra-blanca-texto-cliente{
    color: #666;
}
/* BARRA BLANCA */

/*Generals*/
.titleModule {
    max-width: 1176px;
    width: 90%;
    font-size: 36px;
    font-family: "BentonSansBBVA-Light";
    line-height: 1.5;
    margin: 0px auto 0px;
}
.txt_titulo{
    font-size: 36px;
    font-family: "BentonSansBBVA-Medium";
}
@media screen and (max-width: 768px) {
    .titleModule {
        font-size: 24px;
    }
    .txt_titulo{
        font-size: 24px;
    }
}
/*Generals*/