@import url("_base.css");
@import url("_fonts.css");
@import url("modules/_menu-principal.css");



/* #################################################################################################### */
/* HOME */
/* #################################################################################################### */

#pag-home .container {
    position: relative;
}


/* FULL PAGE -------------------------------------------------------- */
#section0 .fp-tableCell {
    vertical-align: top;
}


#pag-home .section{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}



/*  -------------------------------------------------------- */


/*menu principal*/
#pag-home nav#nav-pri .menu:hover ul {
    display: block;
    /*position: absolute;
    vertical-align: -65px;
    margin-top: -3em;
    right: 0;
    border-left:3px solid red;*/
}
/*FN*/


#pag-home nav#nav-pri #toggle{
  background-color: transparent;
  padding: 0 15px;
  line-height: 55px;
}
.toggle_txt{
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #pag-home nav#nav-pri #toggle{
    padding: 0 30px;
    line-height: 65px;
  }
}



/* -------------------------------------------------- */
/* OWL HOME */
/* -------------------------------------------------- */
#owl-home,
#owl-home .owl-stage-outer,
#owl-home .owl-stage,
#owl-home .owl-item{
  height: 100% !important;
  /*overflow: hidden;*/
  position: relative;
  z-index: 0;
}

/*#owl-home{
  left: 25em;
  right: 0;
}*/


.owl-nav {
    /*position: absolute;
    z-index: 999999999999999999999999999999;
    bottom: 2em;
    right: 3em;
    width: 5.5em;*/
    display: none;
}
.owl-prev,
.owl-next{
  font-size: 0;
  width: 39px;
  height: 39px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .5;

  position: fixed;
  z-index: 999999999999999999999999999999;
}
.owl-prev{
  background-image: url(../img/web/ico-flecha-izq.svg);
  /*float: left;*/
  bottom: 2.5rem;
  right: 8.5rem;
}
.owl-next{
  background-image: url(../img/web/ico-flecha-der.svg);
  /*float: right;*/
  bottom: 2.5rem;
  right: 3rem;
}

/* ESTADOS */
.owl-prev:hover,
.owl-next:hover{
  opacity: 1;
}

/* MEDIA QUERYS */
@media(min-width: 576px){
  
}
@media(min-width: 768px){
  .owl-nav {
      display: block;
  }
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* HOME SECCION */
/* -------------------------------------------------- */
.home-sec{
  background-color: #ddd;
  width: 100%;
  height: 100%;

  position: relative;
  overflow: hidden;

  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.home-sec__caja-izq,
.home-sec__caja-der{
  position: relative;
}

/* MEDIA QUERYS */
@media(min-width: 576px){
  
}
@media(min-width: 768px){
  
}
@media(min-width: 992px){
  .home-sec{
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .home-sec__caja-izq{
    width: 65%;
  }
  .home-sec__caja-der{
    width: 35%;
  }
}
@media(min-width: 1200px){
  
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* CAJA TXT HOME*/
/* -------------------------------------------------- */
.caja-txt{
  background-color: #eee;
  color: #103667;
  padding: 18% 10% 10% 10%;
}
.caja-txt__h{
  font-family: 'BentonSansBBVA-Light';
  font-size: 2.2em;
  line-height: 1.1;
  margin-top: 0;
}
.caja-txt__h:not(:first-child){
  margin-top: .25em;
}
.caja-txt__h:not(:last-child){
  margin-bottom: .25em;
}

.caja-txt__ul li {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQYV2NUnPb5PwMaYKSBIAAfGg1TUOtNXwAAAABJRU5ErkJggg==);
    zoom: 2;
}

.caja-txt__ul > li{
  font-family: 'BentonSansBBVA-Bold';
  font-size: 1rem;
  line-height: 0.7rem;
}
.caja-txt__ul > li > a{
  font-family: 'BentonSansBBVA-Bold';
  font-size: .5em;
  color: inherit;
  text-decoration: underline;
  line-height: 0.2rem;
}

.caja-txt__ul > li > a:hover{
  color: #009fd8;
}

/* MEDIA QUERYS */
@media(min-width: 576px){
  .caja-txt{
    padding: 18% 12% 12% 12%;
  }
  .caja-txt__h {
      font-size: 3.2em;
  }
  .caja-txt__ul > li > a {
    font-size: 0.5rem;
  }
}
@media(min-width: 768px){
  
}
@media(min-width: 992px){
  .caja-txt__h {
      font-size: 3.35em;
  }
  .caja-txt__ul > li > a {
    font-size: 0.4rem;
  }
}
@media(min-width: 1200px){
  .caja-txt__h {
      font-size: 3.5em;
  }
  .caja-txt__ul > li > a {
      font-size:0.4rem;
  }
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* CAJA IMG  HOME*/
/* -------------------------------------------------- */
.caja-img{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* HOME SEC 1 */
/* -------------------------------------------------- */
.home-sec--1 .home-sec__caja-izq{
  pointer-events: none;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.home-sec--1 .home-sec__caja-der{
  height: 100%;
  /*width: auto;*/
    -ms-flex-positive: 1!important;
      flex-grow: 1!important;
}

.home-sec--1 .caja-txt {
  background-color: #103667;
  padding: 1.5em 3em 4em 2em;

  position: absolute;
  z-index: 2;
  left: 2em;
  /*right: 4em;*/
  /*bottom: 10%;*/
  top: 16.5em;
  display: none;
}
.caja-txt__logo{
  width: 9em;
  height: 0.883em;
}
.home-sec--1 .caja-txt__h{
  font-size: 1.8em;
  color: #89c6e4;
}
.home-sec--1 .caja-txt__h span{
  font-family: 'BentonSansBBVA-Bold';
  font-size: 1.2em;
  color: #fff;
  display: block;
  margin-top: .25em;
}

.home-sec--1 .home-sec__fig {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
  width: 19em;
}

@media(min-width: 576px){
  .caja-txt__logo{
    width: 11em;
    height: 1.08em;
  }
  .home-sec--1 .caja-txt {
    padding: 2.5em 4em 6em 3em;
    top: 18.5em;
    left: 2em;
  }
  .home-sec--1 .caja-txt__h{
    font-size: 2.5em;
  }
  .home-sec--1 .home-sec__fig {
      width: 25em;
  }
}
@media (min-width: 768px){
  .caja-txt__logo{
    width: 17em;
    height: 1.668em;
  }
  .home-sec--1 .caja-txt {
    padding: 3em 3em 8em 3em;
    top: 20em;
    left: 3.2em;
  }
  .home-sec--1 .caja-txt__h{
    font-size: 3.5em;
  }
  .home-sec--1 .home-sec__fig {
      width: 31em;
  }
}
@media(min-width: 992px){
  .home-sec--1 .home-sec__caja-izq{
    position: static;
    background-color: #00194a;
    width: 25em;
  }
  .home-sec--1 .home-sec__caja-der{
    position: relative;
    z-index: 0;
  }

  .home-sec--1 .caja-txt {
    padding: 3em 4.816em 8em 3em;
      /*z-index: 1;*/
      top: 4em;
      bottom: 4em;
      left: 8.5em;
  }
  .caja-txt__logo{
    width: 10.5em;
    height: 1.031em;
  }
  .home-sec--1 .caja-txt__h{
    font-size: 2.75em;
  }
  .home-sec--1 .home-sec__fig {
      height: 29.6em;
  }
  #pag-home .home-sec--1 .home-sec__fig {
      height: auto;
      width: 32em;
  }
  #pag-home .home-sec--1 .caja-txt{
    display: none;
  }
}
@media(min-width: 1200px){
  .caja-txt__logo{
    width: 11.5em;
    height: 1.129em;
  }
  .home-sec--1 .caja-txt {
    padding: 3em 4.46em 8em 3em;
      left: 8.85em;
  }
  .home-sec--1 .caja-txt__h{
    font-size: 3em;
  }
  .home-sec--1 .home-sec__fig {
      height: 30.9em;
  }
  #pag-home .home-sec--1 .home-sec__fig {
      height: auto;
      width: 33em;
  }
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* HOME SEC 2 */
/* -------------------------------------------------- */
.home-sec--2{
  position: relative;
  overflow: hidden;
}
.home-sec--2 .home-sec__caja-izq{
  background-color: #00194a;
  height: 100%;
}
.home-sec--2 .home-sec__caja-der{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.home-sec--2 .caja-img{
  margin-top: 12em; 
}
.home-sec--2 .caja-txt {
    background-color: #fff;
    margin-top: 4em;
    padding: 1.25em 1.5em;
    display: table;
    margin-left: auto;
}

.home-sec--2 .home-sec__fig {
  position: absolute;
  z-index: 2;
  top: auto;
  left: auto;
  right: 0;
  bottom: -7em;
  height: auto;
  width: 13em;
}

/* MEDIA QUERYS */
@media(min-width: 576px){
  .home-sec--2 .caja-img {
      margin-top: 10em;
  }
  .home-sec--2 .caja-txt {
      padding: 2.3em;
  }
  .home-sec--2 .home-sec__fig {
      bottom: -8em;
      width: 16em;
  }
}
@media(min-width: 768px){
  .home-sec--2 .home-sec__fig {
      bottom: -9em;
      width: 17em;
  }
}
@media(min-width: 992px){
  .home-sec--2 .home-sec__caja-der{
    background-color: #009fd8;
    position: relative;
  }

  .home-sec--2 .caja-img{
    margin-top: 4em;  
  }
  .home-sec--2 .caja-txt{
    height: 75vh;
    margin-top: 0;
    margin-left: -30%;
    padding: 18% 10% 12% 16%;
    display: block;
  }
  .home-sec--2 .home-sec__fig {
    top: 20em;
    left: -17em;
      width: 28em;
  }
}
@media(min-width: 1200px){
  .home-sec--2 .caja-txt{
    padding: 18% 12% 12% 18%;
  }
  .home-sec--2 .home-sec__fig {
    top: 23em;
    left: -19em;
      width: 30em;
  }
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* HOME SEC 3 */
/* -------------------------------------------------- */
.home-sec--3 .home-sec__caja-izq{
  background-color: #009fd8;
}
.home-sec--3 .home-sec__caja-der{
  background-color: #89c6e4;
  height: 100%;
}

.home-sec--3 .caja-txt{
  background-color: #89c6e4;
  margin-right: 10%;
}
.home-sec--3 .caja-img{
  margin-left: 10%;
}

/* MEDIA QUERYS */
@media(min-width: 576px){
  .home-sec--3 .caja-txt__h {
      margin-bottom: .5em;
  }
}
@media(min-width: 768px){
  
}
@media(min-width: 992px){
  .home-sec--3 .home-sec__caja-izq{
    background-color: #89c6e4;
  }
  .home-sec--3 .home-sec__caja-der{
    background-color: #009fd8;
  }

  .home-sec--3 .caja-txt{
    margin-right: 0;
  }
  .home-sec--3 .caja-img{
    margin-top: 4em;
    margin-left: -30%;
  }
}
@media(min-width: 1200px){
  
}
/* -------------------------------------------------- */





/* -------------------------------------------------- */
/* FOOTER */
/* -------------------------------------------------- */
footer{
  /*background-color: #e6f2fc;*/
  position: relative;
  
}

.footerHome{
  flex-direction:column;
  display: flex;
  height: 100%;
  width: 100%;
  background-color: #001f4a;
  align-items:center;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}  

.footerHome span{
  color: #29a2d9;
  font-family: 'BentonSansBBVA-Book';
  display: block;
  margin-top: 1rem;
}

.footerHome__volver{
  margin-top: 1.5rem;
}

.footerHome div:last-child a{
  color:#fff;
}

@media(min-width: 992px){
  .footerHome{
    flex-direction:row;
    padding: 3rem;
    
    justify-content: space-between;
  }

  .footerHome span{
    margin-left: 2rem;
    color: #29a2d9;
    font-family: 'BentonSansBBVA-Book';
    display: inline-block;
  }

  .footerHome__volver{
    margin-top: 0;
  }

}  






.logo-bbva-footer{
  height: 20px;
  display: block;
  margin: 0 auto;
}

/* MEDIA QUERYS */
@media(min-width: 768px){
  /*footer{
    padding-top: 3em;
    padding-bottom: 3em;
  }*/
  .logo-bbva-footer{
    height: 35px;
  }
}
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* VOLvER */
/* -------------------------------------------------- */
#load_volver {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6.25em;
}
.volver{
  /*font-family: 'Calibri-Bold';*/
  font-family: 'BentonSansBBVA-Bold';
  color: #00194a;
  display: table;
  margin-left: auto;
}

/* MEDIA QUERYS */
@media (min-width: 768px){
  #load_volver {
      bottom: -3em;
  }
}

/* #################################################################################################### */




#section1{
    background-image: url(../img/home/home-bloque01-bbva-S.jpg);
} 

@media screen and (min-width: 768px) {
  #section1{
    background-image: url(../img/home/home-bloque01-bbva-M.jpg);
  } 

}

@media screen and (min-width: 992px) {
  #section1{
    background-image: url(../img/home/home-bloque01-bbva-L.jpg);
  } 
}

@media screen and (min-width: 1367px) {
  #section1{
    background-image: url(../img/home/home-bloque01-bbva-xl.jpg);
  } 
}


#section2{
    background-image: url(../img/home/home-bloque02-bbva-S.jpg);
} 

@media screen and (min-width: 768px) {
  #section2{
    background-image: url(../img/home/home-bloque02-bbva-M.jpg);
  } 

}

@media screen and (min-width: 992px) {
  #section2{
    background-image: url(../img/home/home-bloque02-bbva-L.jpg);
  } 
}

@media screen and (min-width: 1367px) {
  #section2{
    background-image: url(../img/home/home-bloque02-bbva-xl.jpg);
  } 
}



#section3{
    background-image: url(../img/home/home-bloque03-bbva-S.jpg);
} 

@media screen and (min-width: 768px) {
  #section3{
    background-image: url(../img/home/home-bloque03-bbva-M.jpg);
  } 

}

@media screen and (min-width: 992px) {
  #section3{
    background-image: url(../img/home/home-bloque03-bbva-L.jpg);
  } 
}

@media screen and (min-width: 1367px) {
  #section3{
    background-image: url(../img/home/home-bloque03-bbva-xl.jpg);
  } 
}

.cajaTexto{
  display: flex;
  width:100%;
  height:100%;
}

.cajaTexto__contenedor{
  margin-left: 6%;
  margin-top: 3rem;
}

#section1 .cajaTexto__contenedor{
  margin-left: 6%;
}


#section2 .cajaTexto__contenedor{
  margin-top: 5rem;
}

#section3 .cajaTexto{
  justify-content: flex-end;
  align-items: flex-end;
}

#section3 .cajaTexto__contenedor {
  margin: 0 7% 7rem 14%;
}


.caja-txt__h {
  font-size: 3rem;
}

.caja-txt__ul > li {
  font-size: 1.1rem;
}

@media screen and (min-width:480px) {


}


.cajaTexto__t1{
  color:#38c3c5;
  font-size: 8rem;
  font-family: 'BentonSansBBVA-Light';
  max-height: 218px;
  margin-left: -0.5rem;
}

.cajaTexto__t2{
  color:#fff;
  font-size: 1.3rem;
  font-family: 'BentonSansBBVA-Bold';
}

.cajaTexto__t3{
  color:#38c3c5;
  font-size: 4rem;
  font-family: 'BentonSansBBVA-Light';
}

.footerHome__container{
  background-color: #001f4a;
}

.linea-celeste{
  width: 310px;
  height: 1rem;
  background-color: #2196F3;
  transform: translateY(-25%) skewX(-28deg);
  margin-left: 0.6rem;
  position: relative;
  margin-bottom: 0.8rem;
}


#linea-celeste > * {
  transform: skewX(28deg) translateY(-25%);
  position: absolute;
  height: 100%;
  background-color: #2196f3;
  margin-left: -5px;
  width: 14%;
  top: 0.2rem;
  left: 0;
}


#pag-home.fp-viewing-3page #fp-nav ul li a span, #pag-home.fp-viewing-3page .fp-slidesNav ul li a span,
#pag-home.fp-viewing-4page #fp-nav ul li a span, #pag-home.fp-viewing-4page .fp-slidesNav ul li a span {
    background: #0059a3;
}

#pag-home.fp-viewing-3page nav#nav-pri #toggle,#pag-home.fp-viewing-4page nav#nav-pri #toggle {
    color: #0059a3;
}

#pag-home.fp-viewing-3page nav#nav-pri #toggle .hamburguer,
#pag-home.fp-viewing-3page nav#nav-pri #toggle .hamburguer:after,
#pag-home.fp-viewing-3page nav#nav-pri #toggle .hamburguer:before,
#pag-home.fp-viewing-4page nav#nav-pri #toggle .hamburguer,
#pag-home.fp-viewing-4page nav#nav-pri #toggle .hamburguer:after,
#pag-home.fp-viewing-4page nav#nav-pri #toggle .hamburguer:before {
    background: #0059a3;
}

#pag-home.fp-viewing-3page nav#nav-pri #toggle,#pag-home.fp-viewing-4page nav#nav-pri #toggle {
    color: #0059a3;
}