.gestion-energia-app-home {
  width: 100%;
  height: 875px;
  position: relative;
  background: var(--Color-Surface-General-Inverse, #00402A);
  overflow: hidden;
  border-top-left-radius: var(--border-radius-l);
  border-top-right-radius: var(--border-radius-l);
  align-items: center;
  margin: 0 auto;
  padding: var(--size-space-40) var(--size-space-16) var(--size-space-0);
  display: flex;
  flex-direction: column;
}

.container-text-gestion-energia-app-home {
  /* width: 328px; */
  width: 100%;
  /* left: 16px;
  top: 40px;
  position: absolute; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--size-space-24);
}

.text-gestion-energia-app-home {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--size-space-8);
}

.gestion-energia-app-home .title_m {
  width: 100%;
  text-align: center;
  color: var(--Color-Content-General-Inverse, white);
  /* font-size: 32px;
  font-family: IberPangea;
  font-weight: 600;
  line-height: 40px; */
  word-wrap: break-word;
}

.gestion-energia-app-home .body_regular_m {
  width: 100%;
  text-align: center;
  color: var(--Color-Content-General-Inverse, white);
  /* font-size: 16px;
  font-family: IberPangea Text;
  font-weight: 400;
  line-height: 22px; */
  word-wrap: break-word;
}

.container-button-gestion-energia-app-home {
  height: 56px;
  max-width: 328px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 100px;
}

.content-button-gestion-energia-app-home {
  width: 100%;
  flex: 1 1 0;
  max-width: 412px;
  padding: 0 var(--size-space-40);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--Color-Button-Background-Active-1-Inverse, #FFFAF6);
  border-radius: 100px;
}

.gestion-energia-app-home .button_main {
  color: var(--Color-Button-Content-Active-1-Inverse, #2F6852);
  /* font-size: 16px;
  font-family: IberPangea Text;
  font-weight: 600;
  line-height: 24px; */
  text-align: center;
}

.icons-gestion-energia-app-home {
  display: none;
}

.container-imgs-gestion-energia-app-home {
  /* position: relative;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: column; */
  display: flex;
  align-items: flex-start;
  /* justify-items: flex-start; */
  width: 328px;
  height: 602px;
  margin: 0 auto;
}

.imgs-wrapper {
  position: relative;
  width: 328px;
  height: 602px;
}

.img-mujer-movil {
  width: 109px;
  height: 133px;
  background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-360px.webp');
  /* left: 235px; */
  /* top: 632px; */
  left: 219px;
  top: 359px;
  position: absolute;
  border-radius: var(--border-radius-l);
  transition: transform 1s ease;
}

.img-hojas {
  width: 158px;
  height: 155px;
  background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-360px.webp');
  /* left: 16px; */
  /* top: 314px; */
  top: var(--size-space-40);
  position: absolute;
  border-radius: var(--border-radius-l);
  transition: transform 1s ease;
}

.img-mujer-switches {
  width: 225px;
  height: 308px;
  /* left: 63.5px; */
  /* top: 362px; */
  left: 47.5px;
  top: 89px;
  position: absolute;
  border-radius: var(--border-radius-l);
  background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-360px.webp');
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  transition: transform 1s ease;
  transform-origin: top center;
}

.img-hombre-panel-solar {
  display: none;
}

.container-switches-gestion-energia-app-home {
  width: 164px;
  height: 139.47px;
  padding: 11.21px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.01px;
}

.content-switches-gestion-energia-app-home {
  padding: 16.82px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.01px;
  background: var(--Color-Surface-General-Inverse, #00402A);
  border-radius: 11.21px;
  width: 100%;
}

.switches-gestion-energia-app-home {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16.82px;
  width: 100%;
}

.container-switch-gestion-energia-app-home {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.text-switch-gestion-energia-app-home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--Color-Content-General-Inverse, white);
  font-size: 9.81px;
  font-family: var(--font-family-2-regular);
  font-weight: 400;
  line-height: 12.62px;
}

.switch-gestion-energia-app-home {
  width: 28.03px;
  height: 16.82px;
  padding: 2px;
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.wrap-switch-gestion-energia-app-home {
  width: 28.03px;
  height: 16.82px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100px;
  background: var(--Color-Control-Background-Active-Unselected-Inverse, white);
}

.indicador-switch-gestion-energia-app-home {
  width: 14.02px;
  height: 14.02px;
  border-radius: 9999px;
  background: var(--Color-Control-Surface-Active-Unselected-Inverse, #00402A);
  position: relative;
  transition: transform 1s ease;
}

.container-imgs-gestion-energia-app-home:hover .img-hojas {
  transform: translate(-90px, 0px);
}

.container-imgs-gestion-energia-app-home:hover .img-mujer-movil {
  transform: translate(60px, 0px);
}

.container-imgs-gestion-energia-app-home:hover .img-mujer-switches {
  transform: translateX(4px) scale(1.45);
}

.container-imgs-gestion-energia-app-home:hover .wrap-switch-gestion-energia-app-home {
  background: var(--Color-Green-30);
}

.container-imgs-gestion-energia-app-home:hover .indicador-switch-gestion-energia-app-home {
  transform: translate(10px, 0px);
}

@media (min-width: 576px) {
  .gestion-energia-app-home {
    padding: 73.89px 42px var(--size-space-0);
  }

  .container-imgs-gestion-energia-app-home,
  .imgs-wrapper {
    width: 492px;
  }
  .gestion-energia-app-home {
    height: 953px;
  }
  /* .container-text-gestion-energia-app-home {
    width: 492px;
    left: 42px;
    top: 73.89px;
  } */

  .img-mujer-movil {
    width: 164px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-576px.webp');
    left: 328px;
    top: 338.11px;
  }
  
  .img-hojas {
    width: 237px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-576px.webp');
    /* left: 42px; */
    top: 20.11px;
  }
  
  .img-mujer-switches {
    width: 337px;
    left: 71px;
    top: 68.11px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-576px.webp');
    transform-origin: top center;
  }
}

@media (min-width: 768px) {
  .gestion-energia-app-home {
    padding: 73.63px 49px var(--size-space-0);
  }

  .container-imgs-gestion-energia-app-home,
  .imgs-wrapper {
    width: 670px;
  }

  .img-mujer-movil {
    width: 223px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-768px.webp');
    left: 448px;
    top: 338.37px;
  }
  
  .img-hojas {
    width: 323px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-768px.webp');
    top: 20.37px;
  }
  
  .img-mujer-switches {
    width: 460px;
    left: 97px;
    top: 68.38px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-768px.webp');
  }
}

@media (min-width: 992px) {
  .gestion-energia-app-home {
    padding: 74px 2px var(--size-space-0);
  }

  .container-button-gestion-energia-app-home {
    display: none;
  }

  .icons-gestion-energia-app-home {
    display: flex;
    padding: var(--size-space-0, 0);
    justify-content: center;
    align-items: flex-start;
    gap: var(--size-space-24, 24px);
  }

  .container-switches-gestion-energia-app-home {
    width: 202px;
    height: 168px;
  }

  .content-switches-gestion-energia-app-home {
    padding: var(--size-space-24);
  }

  .switches-gestion-energia-app-home {
    gap: var(--size-space-24);
  }

  .text-switch-gestion-energia-app-home {
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-75);
    line-height: var(--size-font-line-height-2xs);
    font-style: var(--font-style-normal);
  }
  
  .container-imgs-gestion-energia-app-home,
  .imgs-wrapper {
    width: 988px;
  }

  .gestion-energia-app-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);
  }
  
  .gestion-energia-app-home .body_regular_m {
    font-family: var(--font-family-1-regular);
    font-size: var(--size-font-125);
    line-height: var(--size-font-line-height-m);
    font-style: var(--font-style-normal);
    width: 512px;
    margin: 0 auto;
  }

  .img-mujer-movil {
    width: 189px;
    height: 274px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-992px.webp');
    left: 764px;
    top: 8px;
  }
  
  .img-hojas {
    width: 210px;
    height: 139px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-992px.webp');
    top: var(--size-space-40);
    left: 66px;
  }
  
  .img-mujer-switches {
    justify-content: flex-start;
    width: 512px;
    height: 351px;
    left: 242px;
    top: 82px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-992px.webp');
  }

  .img-hombre-panel-solar {
    display: flex;
    width: 107px;
    height: 144px;
    position: absolute;
    border-radius: var(--border-radius-l);
    left: 124px;
    top: 244px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hombre_panel_solar-gestion_energia_app-home-992px.webp');
    transition: transform 1s ease;
  }

  .container-imgs-gestion-energia-app-home:hover .img-hojas {
    transform: translate(-200px, -70px);
  }
  
  .container-imgs-gestion-energia-app-home:hover .img-mujer-movil {
    transform: translate(170px, -50px);
  }

  .container-imgs-gestion-energia-app-home:hover .img-mujer-switches {
    transform: scale(1.55);
  }

  .container-imgs-gestion-energia-app-home:hover .img-hombre-panel-solar {
    transform: translate(-180px, 20px);
  }
}

@media (min-width: 1200px) {
  .gestion-energia-app-home {
    padding: 74px 102px var(--size-space-0);
  }

  .container-imgs-gestion-energia-app-home,
  .imgs-wrapper {
    width: 1054px;
    height: 687px;
  }

  .img-mujer-movil {
    width: 224px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-1200px.webp');
    left: 816px;
  }
  
  .img-hojas {
    width: 249px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-1200px.webp');
    top: var(--size-space-40);
    left: -14px;
  }
  
  .img-mujer-switches {
    width: 609px;
    left: 195px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-1200px.webp');
  }

  .img-hombre-panel-solar {
    left: 55px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hombre_panel_solar-gestion_energia_app-home-1200px.webp');
  }

  .container-imgs-gestion-energia-app-home:hover .img-hojas {
    transform: translate(-240px, -70px);
  }
  
  .container-imgs-gestion-energia-app-home:hover .img-mujer-movil {
    transform: translate(240px, -50px);
  }

  .container-imgs-gestion-energia-app-home:hover .img-mujer-switches {
    transform: translateX(24px) scale(1.65);
  }

  .container-imgs-gestion-energia-app-home:hover .img-hombre-panel-solar {
    transform: translate(-220px, 20px);
  }
}

@media (min-width: 1920px) {
  .gestion-energia-app-home {
    padding: 74px 462px var(--size-space-0);
  }

  .container-imgs-gestion-energia-app-home,
  .imgs-wrapper {
    width: 1335px;
  }

  .img-mujer-movil {
    width: 284px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_movil-gestion_energia_app-home-1920px.webp');
    left: 895px;
  }
  
  .img-hojas {
    width: 316px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hojas-gestion_energia_app-home-1920px.webp');
    top: var(--size-space-48);
    left: -156px;
  }
  
  .img-mujer-switches {
    width: 771px;
    left: 109px;
    top: 90px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_mujer_switches-gestion_energia_app-home-1920px.webp');
  }

  .img-hombre-panel-solar {
    width: 161px;
    left: -71px;
    top: 252px;
    background-image: url('/ibdmedia/ibdcomes/hogares/home/rebranding/img/img_hombre_panel_solar-gestion_energia_app-home-1920px.webp');
  }
}