.mi-iberdrola-home {
  width: 100%;
  padding: var(--size-space-32) var(--size-space-16);
  background: var(--Color-Background-General-1, #fff);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-40);
}

.mi-iberdrola-home .title_m {
  text-align: center;
  color: var(--Color-Content-General-1, #2C2C2C);
  /* font-size: 32px;
  font-family: IberPangea, sans-serif;
  font-weight: 600;
  line-height: 40px; */
}

.modulo-mi-iberdrola-home {
  align-self: stretch;
  /* height: 328px; */
  /* background: var(--Color-Forest-30, #C8D9D0); */
  border-radius: var(--border-radius-l);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* transform: rotate(90deg); */
  /* transform-origin: top left; */
}

.container-mi-iberdrola-home {
  /* height: 456px; */
  display: flex;
  align-items: center;
}

.content-mi-iberdrola-home {
  align-self: stretch;
  /* background: var(--Color-Sunset-20, #FFE6A9); */
  border-top-right-radius: var(--border-radius-l);
  border-bottom-right-radius: var(--border-radius-l);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.background-img-mi-iberdrola-home {
  width: 328px;
  height: 328px;
  background-size: cover;
  background-position: center;
  /* border-top-left-radius: var(--border-radius-l); */
  /* border-top-right-radius: var(--border-radius-l); */
  /* transform: rotate(-90deg); */
  /* transform-origin: top left; */
  display: flex;
  align-items: flex-end;
  padding: var(--size-space-16);
}

.background-img-mi-iberdrola-home .text-mi-iberdrola-home {
  display: flex;
  gap: 8px;
}

#bg-saldo {
  /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-360px.webp'); */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-360px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  background-size: cover !important;
}

#bg-experiencias {
  /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-360px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-360px.webp'), var(--Color-Surface-General-Inverse, #00402A);

  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  background-size: cover !important;
}

#bg-descuentos {
  /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-360px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-360px.webp'), var(--Color-Surface-General-Inverse, #00402A);

  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l) ;
  background-size: cover !important;
}

.background-img-mi-iberdrola-home .title_m {
  /* font-size: 32px; */
  color: #fff;
  /* font-weight: 600; */
  /* line-height: 40px; */
}

.background-img-mi-iberdrola-home .body_regular_l {
  /* font-size: 18px; */
  color: #fff;
  /* line-height: 24px; */
}

.background-container-mi-iberdrola-home {
  width: 100%;
}

.button-mi-iberdrola-home {
  display: flex;
  align-items: center;
  gap: var(--size-space-16);
  padding: 8px 0;
  position: relative;
  width: 100%;
  justify-content: space-between;
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  padding: var(--size-space-16) var(--size-space-24) var(--size-space-16) var(--size-space-16);
}

#button-mi-iberdrola-home-saldo {
  background: var(--Color-Green-20, #B3E4C7);
}

#button-mi-iberdrola-home-experiencias {
  background: var(--Color-Sky-20, #BEEFFF);
}

#button-mi-iberdrola-home-descuentos {
  background: var(--Color-Sunset-20, #FFE6A9);
}

#button-mi-iberdrola-home-sorteos {
  background: var(--Color-Surface-General-2, #dcebe1);
}

.content-text-mi-iberdrola-home {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-space-16);
  align-self: stretch;
}

.container-ico-button-mi-iberdrola-home {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-16, 16px);
}

.ico-button-mi-iberdrola-home {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 31.25px;
  background: var(--Color-Surface-General-1, #FFF);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  background-image: url(/ibdmedia/ibdcomes/hogares/home/rebranding/img/ico_mas-mi_iberdrola-home.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  outline: none !important;
}

.ico-button-mi-iberdrola-home:focus-visible {
  outline: 2px solid black !important;
}

.button-mi-iberdrola-home .title_xs {
  /* font-size: 18px; */
  color: var(--Color-Content-General-1, #2C2C2C);
  /* font-weight: 600; */
}

.button-unirme-gratis {
  height: 56px;
  /* max-width: 328px; */
  width: 100%;
  background: var(--Color-Button-Background-Active-1, #2F6852);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  margin: 0 auto;
}

.button-unirme-gratis:focus-visible {
  outline: 2px solid black;
}

/* .container-button-unirme-gratis {
  width: 100%;
  height: 100%;
  background: var(--Color-Button-Background-Active-1, #2F6852);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  margin: 0 auto;
} */

.button_main {
  color: var(--Color-Button-Content-Active-1, #FFFAF6);
  /* font-size: 16px;
  font-family: IberPangea Text, sans-serif;
  font-weight: 600;
  line-height: 24px; */
}

@media (min-width: 576px) {
  .mi-iberdrola-home {
    padding: var(--size-space-40) 42px;
  }

  .background-img-mi-iberdrola-home {
    width: 492px;
    height: 300px;
  }

  #bg-saldo {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-576px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-576px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-experiencias {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-576px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-576px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-descuentos {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-576px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-576px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
}

@media (min-width: 768px) {
  .mi-iberdrola-home {
    padding: var(--size-space-40) var(--size-space-48);
  }
  
  .container-mi-iberdrola-home {
    flex-direction: row;
    /* align-items: stretch; */
    height: 350px;
    width: 100%;
  }
  
  .content-mi-iberdrola-home {
    flex-direction: row;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
  }

  .background-container-mi-iberdrola-home {
    width: 64px;
}

  .background-container-mi-iberdrola-home:has(.background-img-mi-iberdrola-home) {
    width: 100%;
    /* width: 544px; */
  }

  /* .background-container-mi-iberdrola-home:has(.button-mi-iberdrola-home) { */
    /* width: 64px;
    transform: rotate(-90deg); */
    /* width: 64px;
    height: 350px; */
  /* } */

  .button-mi-iberdrola-home {
    width: 350px;
    height: 64px;
    /* transform: rotate(-90deg); */
    writing-mode: sideways-lr;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 350px;
    justify-content: space-between;
    padding: var(--size-space-40) var(--size-space-16) var(--size-space-24) var(--size-space-16);
  }

  .background-img-mi-iberdrola-home {
    width: 100%;
    /* width: 544px; */
    height: 350px;
    /* border-bottom-left-radius: var(--border-radius-none); */
    /* border-top-left-radius: var(--border-radius-none); */
    /* border-top-right-radius: var(--border-radius-none); */
  }

  #bg-saldo {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-768px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-768px.webp'), var(--Color-Surface-General-Inverse, #00402A);
    border-radius: var(--border-radius-l) 0 0 var(--border-radius-l);
  }
  
  #bg-experiencias {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-768px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-768px.webp'), var(--Color-Surface-General-Inverse, #00402A);
    border-radius: var(--border-radius-l) 0 0 var(--border-radius-l);
  }
  
  #bg-descuentos {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-768px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-768px.webp'), var(--Color-Surface-General-Inverse, #00402A);
    border-radius: var(--border-radius-l);
  }

  /* .button-mi-iberdrola-home {
    width: 350px;
    height: 64px;
  } */
}

@media (min-width: 992px) {
  .mi-iberdrola-home {
    padding: var(--size-space-64) 82px;
  }

  .mi-iberdrola-home .title_m,
  .background-img-mi-iberdrola-home .title_m {
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-225);
    line-height: var(--size-font-line-height-3xl);
    font-style: var(--font-style-normal);
  }

  /* .background-img-mi-iberdrola-home,
  .background-container-mi-iberdrola-home:has(.background-img-mi-iberdrola-home) {
    width: 700px;
  } */

  #bg-saldo {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-992px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-992px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-experiencias {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-992px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-992px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-descuentos {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-992px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-992px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
}

@media (min-width: 1200px) {
  .mi-iberdrola-home {
    padding: var(--size-space-64) 102px;
  }

  /* .background-img-mi-iberdrola-home,
  .background-container-mi-iberdrola-home:has(.background-img-mi-iberdrola-home) {
    width: 868px;
  } */

  #bg-saldo {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-1200px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-1200px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-experiencias {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-1200px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-1200px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-descuentos {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-1200px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-1200px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
}

/* Edge -> min-width: 1872px */
@media (min-width: 1872px) {
  .mi-iberdrola-home {
    padding: var(--size-space-64) 324px;
  }

  /* .background-img-mi-iberdrola-home,
  .background-container-mi-iberdrola-home:has(.background-img-mi-iberdrola-home) {
    width: 1144px;
  } */

  #bg-saldo {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-1920px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_saldo-mi_iberdrola-1920px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-experiencias {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-1920px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_experiencias-mi_iberdrola-1920px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
  
  #bg-descuentos {
    /* background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-1920px.webp'); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.07%, rgba(0, 0, 0, 0) 53.09%, rgba(0, 0, 0, 0.40) 73.24%), url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_descuentos-mi_iberdrola-1920px.webp'), var(--Color-Surface-General-Inverse, #00402A);
  }
}