:root{
    --boxLightStream: #49A5E6 url('../images/backgrounds/lightstream_azul_claro.svg') no-repeat;
}
.inner2{
    width: 90%;
    max-width: 1176px;
    margin: 0px auto;
    padding: 0;
}
/* HeroBanner */
.hero3{
    width: 100%;
    background: url('../images/herobanners/header_promociones_exclusivas.jpg');
    background-size: cover;
    background-position: center center;
    height: 360px;
}
/**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: 650px;
    color: #fff;
    text-align: center;
}
.clipFull h1 {
    font-family: 'BentonSansBBVA-Medium';
    font-size: 48px;
    /*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) {
    .hero3{
        background-position: center right;
    }
    .clipFull .heroTxt{
        width: 95%;
    }
    .clipFull h1 {
        font-size: 28px;
    }
    .clipFull h2 {
        font-size: 18px;
    }
    
}
@media (max-width: 768px) {
    .clipFull {
        height: 250px;
    }
}
@media (max-width: 420px) {
    
    .clipFull {
        height: 200px;
    }
    .clipFull h1 {
        font-family: 'BentonSansBBVA-Medium';
        font-size: 22px;
    }
}
/* HeroBanner */

/*Banner Ofertas*/
.full{
    width: 100%;
    margin: 0;
    padding: 0 16px;
}
.bannerOfertas{
    width: 100%;
    height: 240px;
    background: #004481;
    margin: 0px auto 0px;
}
.bannerOfertasFlex{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}
.bannerOfertasFlex .image{
    max-width: 25%;
    width: 100px;
    min-width: 100px;
    text-align: center;
}
.bannerOfertasFlex .microBannerSvg{
    max-width: 100px;
    height: auto;
}
.bannerOfertasFlex .txt{
    color: #ffffff;
    font-size: 24px;
    max-width: 718px;
    width: 72%;
    margin-left: 50px;
    text-align: left;
}
@media (max-width: 1024px) {
    .bannerOfertasFlex .txt br{
        display: none;
    }
    
}
@media (max-width: 768px) {
    
.bannerOfertas{
    height: 370px;
}
.bannerOfertasFlex{
    flex-wrap: wrap;
    flex-direction: row;
}
.bannerOfertasFlex .image{
    max-width: 100%;
    width: 100px;
    min-width: 100px;
    text-align: center;
}
.bannerOfertasFlex .txt{
    width: 100%;
    margin-left: 0px;
    margin-top: 24px;
    text-align: center;
}
}
/*Banner Ofertas*/

/* Inputs */
.sectionInputs{
    width: 100%;
    height: 60px;
    margin: 72px 0 40px;
}
.flexForm{
    width: 100%;
    margin: 0px 0;
    max-width: 510px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    padding: 0 16px;
    box-sizing: border-box;
}
.field{
    width: 49%;
    height: 60px;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.sectionInputs form{
    margin: 0;
    padding: 0;
}
textarea:focus, input:focus, .buscadorInput:focus {
    outline: none;
}
.buscadorInput{
    max-width: 237px;
    width: 100%;
    border: 1px solid rgb(225,225, 225);
    background: #fff;
    /* background: rgb(225, 225, 225); */
    height: 50px;
    color: #666;
    padding: 20px 48px 20px 18px;
    border-radius: 3px;
    font-family: "BentonSansBBVA-Book";
    font-size: 18px;
}
.buttonSearch{
    background: #fff;
    height: 44px;
    width: 34px;
    border: none;
    color: #1973b8;
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 22px;
}

/*Select*/
/* .custom-selectBBVA {
    position: relative;
    width: 100%;
    max-width: 237px;
    text-align: left;
    color: #666;
    font-family: "BentonSansBBVA-Book";
    font-size: 18px;
} */
.custom-selectBBVA select {
    width: 100%;
    max-width: 237px;
    font-size: 18px;
    color: #666;
    font-family: "BentonSansBBVA-Book";
    text-align: left;
    /* background: rgb(225, 225, 225); */
    border: 1px solid rgb(225,225, 225);
    background: #fff;
    height: 50px;
    border-radius: 4px;
    padding: 12px 16px;
}
/* .select-selected {
    background-color: rgb(225, 225, 225);
    height: 50px;
    border-radius: 4px;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 16px;
    width: 12px;
    height: 12px;
    background: url('../images/icn_unfold.svg')
}
.select-selected.select-arrow-active:after {
    width: 12px;
    height: 12px;
    background: url('../images/icn_fold.svg')
}
.select-items div,.select-selected {
    color: #666;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(109, 109, 109, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: rgb(225, 225, 225);;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
} */
/*Select*/

@media screen and (max-width: 500px){
    .sectionInputs{
        height: 120px;
        margin: 72px 0 10px;
    }
    .flexForm{
        flex-wrap: wrap;
        margin: 0px auto ;
    }
    .field{
        width: 100%;
    }
    .buscadorInput {
        max-width: 100%;
    }
    .custom-selectBBVA select {
        width: 100%;
        max-width: 100%;
        font-size: 18px;
        color: #666;
        font-family: "BentonSansBBVA-Book";
        text-align: left;
        /* background: rgb(225, 225, 225); */
        border: 1px solid rgb(225,225, 225);
        background: #fff;
        height: 50px;
        border-radius: 4px;
        padding: 12px 16px;
    }
}




/* Inputs */

/* FlexCards */
section.cards{
    padding: 0px 0 72px;
}
.cardsFlex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 16px;
    box-sizing: border-box;
}
/* FlexCards */

/* Cards */
.animCaja {
    position: relative;
    max-width: 300px;
    height: 450px;
    background-color: #f4f4f4;
    padding: 0px;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    border: none;
    width: 31.6%;
    box-sizing: border-box;
}
@media screen and (min-width: 900px) {
    .animCaja:nth-of-type(3n+2) {
        margin-left: 2.6%;
        margin-right: 2.6%;
    }
}
@media screen and (max-width: 900px) {
    .animCaja {
        width: 49%;
        max-width: 100%;
    }
    .animCaja:nth-child(even){
    margin-left: 2%;
    margin-right: 0;
    }
}
@media screen and (max-width: 570px) {
    .animCaja {
    width: 100%;
    }
    .animCaja:nth-child(even){
    margin-left: 0;
    margin-right: 0;
    }
}
.img-header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background-color: #fff;
    z-index: 2;
    overflow: hidden;
    border: 1px solid  #f4f4f4;
}
.img-header img{
    max-width: 180px;
    max-height: 130px;
    height: auto;
    /* margin: 10px auto; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.titulo {
    position: relative;
    top:16px;
	font-family: 'BentonSansBBVA-Bold';
	font-size: 24px;
	color: #072146;
	z-index: 2;
    transition: 0.5s;
    text-align: left;
}
.promo {
    position: relative;
    top:16px;
	font-family: 'BentonSansBBVA-Book';
	font-size: 16px;
	color: #072146;
	z-index: 2;
    transition: 0.5s;
    text-align: left;
}
.datoImpacto {
    position: relative;
    top:16px;
	font-family: 'BentonSansBBVA-Book';
	font-size: 18px;
	color: #072146;
	z-index: 2;
    transition: 0.5s;
    text-align: left;
}
.vigencia {
	position: relative;
    top: 16px;
	font-family: 'BentonSansBBVA-Book';
	font-size: 12px;
	color: #072146;
	z-index: 2;
    transition: 0.5s;
    text-align: left;
}
.mrgnIcn{
    top: 2px;
    position: relative;
}
.vermas {
	position: absolute;
	bottom: 16px;
	font-size: 18px;
	color: #49A5E6;
	z-index: 2;
}
.vermas a {
    font-family: 'BentonSansBBVA-Medium';
    font-size: 18px;
    color: #3873ad;
}
.vermas a:hover {
    text-decoration: none;
    color: #004481;

}
.animCaja .layer {
	position: absolute;
	top: calc(100% - 0px);
	left: 0;
	width: 100%;
	height: 150%;
	background: linear-gradient(-10deg, #072146 70%,#f4f4f4 30%);
	z-index: 1;
	transition: 0.5s;
}
.animCaja:hover .layer {
	top: -120px;
}
.animCaja:hover .vermas a {
	color: #49A5E6;
}
.animCaja:hover .datoImpacto {
	color: #fff;
}
.animCaja:hover .titulo {
	color: #fff;
}
.animCaja:hover .promo {
	color: #fff;
}
.animCaja:hover .vigencia {
	color: #fff;
}

@media screen and (max-width: 768px) {

}
/* Cards */