/**
 * All of the CSS for your frontend-facing functionality should be
 * included in this file.
 */



.promo-promo-sorteocamisetatonibou {
  display: flex;
  flex-direction: column;
  font-family: 'RepsolSoleTextRegular' !important;

}

.ty_page-promo-sorteocamisetatonibou {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;

  font-family: 'RepsolSoleTextRegular' !important;
}

.ty_page-promo-sorteocamisetatonibou .ty_header{
  flex: 100%;
  text-align: center;
}

.ty_page-promo-sorteocamisetatonibou .ty_header h2{
  color: #021E41;
  font-family: RepsolSoleDisplayRegular;
  font-weight: bold;
  margin-left: 0;
  font-size: 38px;
}

.ty_page-promo-sorteocamisetatonibou .image{
  width: 70%;
}

.promo-promo-sorteocamisetatonibou .image {
  flex: 0 0 100%;
  align-self: center;
}

.promo-promo-sorteocamisetatonibou .image img {
  max-width: 100vw;
  margin-left: auto;
}

.promo-promo-sorteocamisetatonibou .text {
  color: #041E42;
  font-family: 'RepsolSoleTextRegular' !important;
  flex: 100%;
  margin-top:50px;
}

.promo-promo-sorteocamisetatonibou .text h2{
  color: #021E41;
  font-family: RepsolSoleDisplayRegular;
  font-weight: bold;
  margin-left: 0;
  font-size: 75px;
  line-height:normal;
}

.promo-promo-sorteocamisetatonibou .text p{
  font-size: 2.5em;
  color:#021E41;
}

.promo-promo-sorteocamisetatonibou .text p strong{
  font-family:RepsolSoleDisplayRegular;
}

.promo-promo-sorteocamisetatonibou .container_btn{
  width:100%;
  display:flex;
  justify-content:center;
}

.promo-promo-sorteocamisetatonibou .btn {
  font-size: 2em;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 14px;
  background-color: #021E41;
  color: #FFF;
  border: solid 1px #021E41;
  border-radius: 20px;
  width:50%
}

.promo-promo-sorteocamisetatonibou .btn .svg_blue{
  display:none;
}

.promo-promo-sorteocamisetatonibou .btn:hover{
  background-color: #FFF;
  color: #021E41;
}

.promo-promo-sorteocamisetatonibou .btn:hover .svg_white {
  display: none;
}

.promo-promo-sorteocamisetatonibou .btn:hover .svg_blue {
  display: inline-block;
}

@media (max-width: 991px){
  .promo-promo-sorteocamisetatonibou .btn {
    width:90%;
    font-size:1.5em;
  }
}

@media (max-width: 768px) {

  .promo-promo-sorteocamisetatonibou .btn {
    width:90%;
    font-size:1.5em;
  }

  .promo-promo-sorteocamisetatonibou .image {
    padding-right: 0;
  }

  .promo-promo-sorteocamisetatonibou .text {
    padding-left: 14px;
    padding-right: 14px;
    margin-top:45px;
  }
  .promo-promo-sorteocamisetatonibou .text h2{
    font-size:54px;
  }
  .promo-promo-sorteocamisetatonibou .text p{
    font-size:2em;
  }
}

.promo-promo-sorteocamisetatonibou p.bases a:after {
  width: 0px;
}

.promo-promo-sorteocamisetatonibou  p.bases a:hover:after {
  width: calc(100% - 10px);
}

.promo-promo-sorteocamisetatonibou .text {
  padding-left: 28px;
  padding-right: 28px;
}

.promo-promo-sorteocamisetatonibou .bases {
    text-align: center;
}


@media (max-width: 320px){
  .promo-promo-sorteocamisetatonibou .image img{
    margin: 0%;
  }
}