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



.promo-promo-entradasparquewarner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: 80px;

  font-family: 'RepsolSoleTextRegular' !important;

}

.ty_page-promo-entradasparquewarner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 80px;

  font-family: 'RepsolSoleTextRegular' !important;
}

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

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

.ty_page-promo-entradasparquewarner .image{
  flex: 100%;
  width: 70%;
}

.promo-promo-entradasparquewarner .image {
  flex: 0 0 50%;
  align-self: center;
  padding-right: 14px;
}

.promo-promo-entradasparquewarner .image img {
  max-width: 100%;
  margin-left: auto;
}

.promo-promo-entradasparquewarner .text {
  color: #041E42;
  font-family: 'RepsolSoleTextRegular' !important;
  flex: 50%;
}

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

.promo-promo-entradasparquewarner .text p{
  font-size: 1em;
}

.promo-promo-entradasparquewarner .btn {
  font-size: 0.9em;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 14px;
  background-color: #FF8200;
  color: #FFF;
  border: solid 1px #FF8200;
  border-radius: 3px;
}

.promo-promo-entradasparquewarner .btn:hover{
  background-color: #FFF;
  color: #FF8200;
}

@media (max-width: 768px) {

  .promo-promo-entradasparquewarner .btn {
    margin-left: 0;
  }

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

  .promo-promo-entradasparquewarner .text {
    padding-left: 14px;
    padding-right: 14px;
  }
}

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

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

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

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


@media (max-width: 425px) {

  .promo-promo-entradasparquewarner{
    flex-direction: row;
  }

  .promo-promo-entradasparquewarner .text{
    flex: 100%;
  }

  .promo-promo-entradasparquewarner .image{
    flex: 100%;
    margin: 0%;
  }
  
  .promo-promo-entradasparquewarner .image img{
    margin: 0% 20px;
  }

}

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