.cover {
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: calc(100vh - 165px);
    z-index: 1;
  }
  .cover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255 255 255 / 50%);
    z-index: -1;
}

.cover .breadcrumbs {
  margin-bottom: 40px;
  color:#22394A !important;
}
.cover .breadcrumbs a {
  color:#22394A !important;
}
  
.cover h1 {
  margin-bottom: 35px;
  margin-top: 40px;
  font-family: "Circular", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #00c18a;
  font-size: 60px;
  line-height: 66px;
  max-width: 1000px;
  width: 60%;
}
  
.cover p {
  margin-bottom: 15px;
  font-family: "Circular", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  color: #FFFFFF;
  max-width: 1000px;
  width: 60%;
}
  
  .cover .cover-image {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
  
  .cover .cover-image.background-image-fixed {
    background-attachment: fixed;
  }

  .cover .container {
    width: 100%;
    max-width: 1280px;
    padding: 100px 20px 100px 45px;
    margin-left: 5%;
}
  
  
.cover .main-font  {
    font-size: 18px;
  }
  
  .cover .main-title {
    margin: 30px 15px 70px;
  }



  .cover  a.flechaAbajo {
    position: relative;
    font-family: "Circular", Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    color: #FFF;
    padding-left: 35px;
    transition: all 0.3s linear;
}

.cover  a.flechaAbajo:hover{
    color: #3178f3;
    transition: all 0.3s linear;
}

.cover  a.flechaAbajo:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 0%;
    top: 50%;
    bottom: 3px;
    transform: translateY(-50%) rotate(-135deg);
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transition: all 0.3s linear;
}

.cover  a.flechaAbajo:hover:before {
    border-left: 2px solid #3178f3;
    border-bottom: 2px solid #3178f3;
    transition: all 0.3s linear;
}

.cover  .migas-pan.no {
    display: none;
}

.cover a.flechaAbajo {
  display: none;
}

.cover a.flechaAbajo.si {
  display: block;
}

.cover  a.flechaAbajo.no {
    display: none;
}

.cover a.flechainferior {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 33px;
  height: 33px;
  border-left: 3px solid #00c18a;
  border-bottom: 3px solid #00c18a;
  z-index: 999999999999978;
  display: block;
  animation: salto 2s infinite;
}

.EnergyCabeceraNews .cover:after {
    background: rgb(0 0 0 / 50%);
}
.EnergyCabeceraEvents .cover:after {
    background: rgb(0 0 0 / 50%);
}
.EnergyCabeceraEvents .cover .breadcrumbs, .EnergyCabeceraEvents .cover .breadcrumbs a {
  color:#fff !important;
}


@keyframes salto {
  0% {
      bottom: 80px;
 }
 50% {
     bottom: 60px;
}
100% {
    bottom: 80px;
}
}



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

  .cover h1 {
    font-size: 57px;
    line-height: 65px;
}

.cover p {
  font-size: 25px;
  line-height: 32px;
}
  }


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

  .cover h1 {
    font-size: 50px;
    line-height: 62px;
}
.cover p {
  font-size: 20px;
  line-height: 25px;
}
.cover h1 {
  width: 90%;
}

.cover p {
  width: 90%;
}

  }

  @media only screen and (max-width: 480px) {
  .cover h1 {
    font-size: 50px;
    line-height: 56px;
}
  }