/*general*/

/*estilos generales*/

html,

body {

  height: 100%;

  margin: 0;

  display: flex;

  min-height: 100vh;

  flex-direction: column;

  font-family: "CoreSansRegular";

  padding: 0px; }



@font-face {

  font-family: "CoreSansRegular";

  src: url("../fonts/typography/CoreSansA45Regular.woff") format("woff");

  font-weight: normal;

  font-style: normal; }

@font-face {

  font-family: "CoreSansLigth";

  src: url("../fonts/typography/CoreSansA35Light.woff") format("woff");

  font-weight: 300;

  font-style: normal; }

@font-face {

  font-family: "CoreSansBold";

  src: url("../fonts/typography/CoreSansA65Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: "CoreSansThin";

  src: url("../fonts/typography/CoreSansA15Thin.woff") format("woff");

  font-weight: 100;

  font-style: normal; }





.landing-component_bp {

  width: 100%; 

  display: block;

  position: relative;

}



.box-content_msg {

  width: 100%;

  display: block;

  position: relative;

}

.brand-content {

  height: 35px;

  border-bottom: 1px solid #9e9e9e;

  padding: 20px;

}



.brand-content img {

  width: 200px;

}

.box-content-bp {

  width: 100%;

  display: inline-block;

  position: relative;

  display: flex;

}

.web {

  display: block;

}

.movil {

  display: none;

}



.box-image {

  width: 50%;

  float: left;

}

.box-image img {

  width: 100%;



}

.box-text {

  width: 50%;

  float: left;

  padding: 1px 30px;



}



.titulo-bp p {

  font-family: "CoreSansRegular";

  font-size: 25px;

  color: #11b719;

  text-align: center;

}



.text1 {

  font-family: "CoreSansBold";

  font-size: 109px;

  color: #c7173a;

  line-height: 86px;

}



.text2 {

  font-family: "CoreSansRegular";

  font-size: 70px;

  color: #000;

}



.text3 {

  font-family: "CoreSansBold";

  font-size: 70px;

  color: #3e974b;

}

.box-descuento-bp {

  width: 80%;

  display: inline-block;

  margin-top: 30px;

  margin: 0 auto;

  position: relative;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  border: 1px solid #9e9e9e;

  padding: 30px;

  max-width: 670px;

  min-height: 136px;

  margin: 0 auto;

    position: relative;

    display: inherit;



}



.cont-logo {

  width: 45%;

  float: left;

  margin-top: 5%;

}



.cont-logo img {

  width: 100%;

}





.cont-descuento {

  width: 55%;

  float: left;

  text-align: center;



}



.cont-dto-bp {

  font-size: 18px;

  color: #000;

  font-family: "CoreSansRegular";

  margin-bottom: 30px;

}



.btn-orange {

  max-width: 300px;

  color: #fff;

  padding: 10px 20px;

  text-align: center;

  font-family: "CoreSansRegular";

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  background-color: #e69733;

  text-decoration: none;

  font-size: 18px;

  margin-bottom: 40px;

}



.text4 {

  font-size: 36px;



}



.box-conditions-bp {

  width: 100%;

  font-family: "CoreSansRegular";

  font-size: 14px;

  color: #000;

  margin-top: 50px;

  text-align: justify;

}
.box-conditions-bp a {
  color: #1bb719;
  text-decoration : none;
}

.text-destacado-bp {

  text-align: center;

  font-family: "CoreSansRegular";

  font-size: 34px;

  color: #4e4e4e;

  max-width: 600px;

  margin: 0 auto; 

  display: block; 

  position: relative;

}



.box-green-bp {

  background-color: #1bb719;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  color: #fff;

  padding: 10px;

  max-width: 500px;

  font-size: 18px;

  font-family: "CoreSansRegular";

  margin: 0 auto;

  display: block;

  text-align: center;

}



.abanico-bp-movil {

  display: none;

}







.abanico-bp-movil img {

  width: 100%;

  max-width: 496px;



  

}



.text-green{

  color: #11b719;

}



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



  .brand-content {

    text-align: center;

  }



  .text {



  }



  .text1 {

    font-size: 93px;

  }

  .text2 {

    font-size: 50px;



  }



  .text3 {

    font-size: 50px;

  }

}



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



  .text {

    font-size: 34px;

  } 

  .text1 {

    font-size: 60px;

    line-height: 45px;

  }

  .text2 {

    font-size: 37px;

  }

  .text3 {

    font-size: 37px;

  }

  .box-descuento-bp {

    text-align: center;

    min-height: 203px;

  }



  .cont-logo {

  width: 100%;

  float: none;

  margin: 0 auto;

  position: relative;

  margin-top: 0%;

}



.cont-logo img {

  width: 100%;

  max-width: 339px;

}





.cont-descuento {

  width: 100%;

  float: left;

  text-align: center;



}



}



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

  .box-image {

    width: 100%;

    float: none;

  }

  .web {

    display: none;

  }

  .movil {

    display: block;

    width: 100%;

  }

  .box-text {

    width: 100%;

    }

  .box-content-bp  {

    display: block;

  }

  .box-text {

    width: 89%;

    background-color: #fff;

    border: 1px solid #9e9e9e;

    top: -18px;

    margin: 0 auto;

    float: none;

    padding: 0px 8px;

    position: relative;

}



.box-conditions-bp {

    margin-top: 50px;

    text-align: justify;

    margin-bottom: 50px;

}

.abanico-bp-movil {

  width: 100%;

  text-align: center;

  display: block;

  margin: 30px 0px;



}

.text-destacado-bp {

  font-size: 25px;

}

}



/*# sourceMappingURL=styles.css.map */