#universo-idolas {
  display: none;
}
#universo-idolas-mbl {
  background-color: #00402a;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-32, 32px);
  align-self: stretch;
  border-radius: 0px 0px 16px 16px;
  padding-bottom: 56px;
  margin-top: -2px;
}
#universo-idolas-mbl .image-container {
  width: 328px;
  overflow: hidden;
  border-radius: 16px;
}

#universo-idolas-mbl .image-container #video-logo {
  height: 132.5px;
  display: flex;
  justify-content: center;
}
#universo-idolas-mbl .image-container video {
  object-fit: cover;
  transform: translate(0%, 0%);
  height: 132.5px;
  border-radius: 16px;
  width: 100%;
}
#universo-idolas-mbl .image-container img {
  width: 100%;
  border-radius: 16px;
}

#universo-idolas-mbl .dual-image-container #Imagen-2 {
  height: 132.5px;
  flex: 1 0 0;
  border-radius: var(--border-radius-l, 16px);
  background-image: url("/documents/20122/22315976/porteria_360.webp");
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 328px;
  max-width: 328px;
}
#universo-idolas-mbl .dual-image-container #Imagen-3 {
  height: 132.5px;
  flex: 1 0 0;
  border-radius: var(--border-radius-l, 16px);
  background-image: url("/documents/20122/22315976/escudo_360.webp");
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 328px;
  max-width: 328px;
}
#universo-idolas-mbl .image-container#Imagen-4 {
  height: 289px;
  flex: 1 0 0;
  border-radius: var(--border-radius-l, 16px);
  background-image: url("/documents/20122/22315976/chica_corriendo_360.webp");

  background-size: cover;
  background-repeat: no-repeat;
  min-width: 152px;
  max-width: 152px;
}

#universo-idolas-mbl .image-container#Imagen-5 {
  height: 289px;
  align-self: stretch;
  border-radius: var(--border-radius-l, 16px);
  background-image: url("/documents/20122/22315976/chica_balon_360.webp");
  min-width: 152px;
  max-width: 152px;
  background-size: cover;
  background-repeat: no-repeat;
}
#universo-idolas-mbl .dual-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width:inherit;
}

#universo-idolas-mbl .dual-image-container .image-wrapper {
  width: fit-content;
}
#universo-idolas-mbl.image-overlay img {
  width: 100%;
}

.dual-container{
  display:flex;
  margin: 0 auto;
  gap: 24px
}

.dual-container > .container{
  margin: 0;
}

@media (min-width: 576px) {

  #universo-idolas-mbl .image-container {
    width: inherit;
  }

  #universo-idolas-mbl .image-container #video-logo {
    height: 203px;
  }

  #universo-idolas-mbl .image-container video {
    height: inherit;
  }
  
  #universo-idolas-mbl {
    border-radius: 0px 0px 48px 48px;
  }
  #universo-idolas-mbl .dual-image-container #Imagen-2 {
    background-image: url("/documents/20122/22315976/porteria_576.webp");
    height: 203px;
    max-width: 100%;
  }
  #universo-idolas-mbl .dual-image-container #Imagen-3 {
    background-image: url("/documents/20122/22315976/escudo_576.webp");
    height: 203px;
    max-width: 100%;
  }
  #universo-idolas-mbl .image-container#Imagen-4 {
    background-image: url("/documents/20122/22315976/chica_corriendo_576.webp");
    height: 430px;
    min-width: 236px;
    max-width: 236px;
  }
  #universo-idolas-mbl .image-container#Imagen-5 {
    background-image: url("/documents/20122/22315976/chica_balon_576.webp");
    height: 430px;
    min-width: 236px;
    max-width: 236px;
  }
}

@media (min-width: 768px) {
  #universo-idolas-mbl .dual-image-container #Imagen-2 {
    background-image: url("/documents/20122/22315976/porteria_768.webp");
    height: 201px;
  }
  #universo-idolas-mbl .dual-image-container #Imagen-3 {
    background-image: url("/documents/20122/22315976/escudo_768.webp");
    height: 201px;
  }
  #universo-idolas-mbl .image-container#Imagen-4 {
    background-image: url("/documents/20122/22315976/chica_corriendo_768.webp");
    height: 430px;
    min-width: 325px;
    max-width: 325px;
  }
  #universo-idolas-mbl .image-container#Imagen-5 {
    background-image: url("/documents/20122/22315976/chica_balon_768.webp");
    min-width: 325px;
    max-width: 325px;
  }

}

@media (min-width: 992px) {
  #modulo-universo-idolas {
    width: 100%;
    margin-top: -4px;
  }

  #universo-idolas {
    display: block;
  }
  #universo-idolas-mbl {
    display: none;
  }

  #universo-idolas {
    display: flex;
    padding: var(--space-80, 80px) var(--992-1199-Page-Margin, 83px);
    flex-direction: column;
    align-items: center;
    gap: var(--space-80, 80px);
    border-radius: var(--border-radius-none, 0px) var(--border-radius-none, 0px)
      48px 48px;
    background: var(--Color-Surface-General-Inverse, #00402a);
    margin-top: -2px;
  }
  #universo-idolas .container {
    display: flex;
    align-items: flex-start;
    gap: var(--space-24, 24px);
    align-self: stretch;
    padding: 0;
    width: 826px;
  }

  #universo-idolas .container .box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-24, 24px);
    flex: 1 0 0;
    align-self: stretch;
  }

  #universo-idolas .container .box .first-inner-container img {
    height: 177.781px;
    width: 254px !important;
    align-self: stretch;
    border-radius: var(--border-radius-l, 16px);
    background: no-repeat, var(--Color-Surface-General-3, #f9f9f9);
  }
  #universo-idolas .container .box .inner-box {
    height: 375.97px;
    border-radius: 16px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  #universo-idolas .container .box .inner-box .image-container {
    align-self: stretch;
    height: 1296px;
    padding: 423px 752px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  #universo-idolas .container .box .image-container .inner-container img {
    height: 375px;
    border-radius: 16px;
  }

  #universo-idolas .container .box .image-overlay {
    display: flex;
    border-radius: 16px;
    height: 375.97px;
    width: 254px;
    min-width: 260px;
    overflow: hidden;
  }

  #video-logo-dsk {
    transform: translate(-32%, 0%);
  }

  #universo-idolas .container .box .image-overlay video {
    height: 381px;
  }
  #universo-idolas .container .box .img-background {
    background: #0da9ff;
    padding: 0 6.2px;
    border-radius: 16px;
  }

  #universo-idolas #img-2 {
    min-width: 260px;
    height: 184px;
    align-self: stretch;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/documents/20122/22315976/porteria_992.webp");
  }
  #universo-idolas #img-3 {
    height: 184px;
    border-radius: 16px;
    min-width: 260px;
    background-image: url("/documents/20122/22315976/escudo_992.webp");
  }
  #universo-idolas #img-4 {
    border-radius: 16px;
    height: 375.97px;
    min-width: 260px;
    background-image: url("/documents/20122/22315976/chica_corriendo_992.webp");
  }

  #universo-idolas #img-5 {
    background-image: url("/documents/20122/22315976/chica_balon_992.webp");
  }

  #universo-idolas .container .box .image-overlay img {
    width: 307px;
    height: 381px;
  }

  #universo-idolas
    .container
    .box
    .inner-box
    .image-container
    .placeholder
    .inner-container {
    padding: 0 7.73px;
    background: #f9f9f9;
    border-radius: 16px;
    overflow: hidden;
    justify-content: flex-end;
    align-items: center;
    display: inline-flex;
  }

  #universo-idolas .container .image {
    min-width: 260px;
    position: relative;
    background: linear-gradient(0deg, #fff5ec 0%, #fff5ec 100%);
    border-radius: 16px;

    height: 590px;
    background-size: cover;
  }
}

  @media (min-width: 1200px) {
    #universo-idolas-mbl {
      display: none;
    }
    #universo-idolas {
      display: flex;
      padding: 64px 100px var(--space-80, 80px);
      flex-direction: column;
      align-items: center;
      gap: var(--space-80, 80px);
    }
    #universo-idolas .container {
      display: flex;
      align-items: flex-start;
      gap: var(--space-24, 24px);
      align-self: stretch;
      width: 1000px;
    }

    #universo-idolas .container .box {
      flex: 1 1 0;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 24px;
      display: inline-flex;
      width: 586px;
      height: 593.75px;
    }

    #universo-idolas .container .box .image-overlay video {
      transform: translate(59%, 0%);
    }
    #universo-idolas #img-2 {
      min-width: 316px;
      height: 184px;
      align-self: stretch;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/porteria_1200.webp");
    }
    #universo-idolas #img-3 {
      height: 184px;
      border-radius: 16px;
      min-width: 316px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/escudo_1200.webp");
    }
    #universo-idolas #img-4 {
      border-radius: 16px;
      height: 382px;
      min-width: 316px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/chica_corriendo_1200.webp");
    }

    #universo-idolas #img-5 {
      border-radius: 16px;
      height: 590px;
      min-width: 316px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/chica_balon_1200.webp");
    }
    #universo-idolas .container .box .first-inner-container img {
      background-color: white;
      width: 307px;
      border-radius: 16px;
    }
    #universo-idolas .container .box .inner-box {
      height: 375.97px;
      border-radius: 16px;
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }

    #universo-idolas .container .box .inner-box .image-container {
      align-self: stretch;
      height: 1296px;
      padding: 423px 752px;
      justify-content: center;
      align-items: center;
      display: inline-flex;
    }

    #universo-idolas .container .box .image-container .inner-container img {
      height: 342px;
    }

    #universo-idolas .container .box .image-overlay {
      border-radius: 16px;
      justify-content: flex-end;
      align-items: center;
      min-width: 316px;
    }

    #universo-idolas .container .box .img-background {
      background: #0da9ff;
      padding: 0 6.2px;
      border-radius: 16px;
    }

    #universo-idolas .container .box .image-overlay img {
      width: 307px;
      height: 334.71px;
    }

    #universo-idolas
      .container
      .box
      .inner-box
      .image-container
      .placeholder
      .inner-container {
      padding: 0 7.73px;
      background: #f9f9f9;
      border-radius: 16px;
      overflow: hidden;
      justify-content: flex-end;
      align-items: center;
      display: inline-flex;
    }

    #universo-idolas .container .box .inner-box .inner-container img {
      width: 231.11px;
      height: 346.34px;
    }

    #universo-idolas .container .image {
      width: 306.67px;
      height: 584.04px;
      position: relative;
      background: linear-gradient(0deg, #fff5ec 0%, #fff5ec 100%);
      border-radius: 16px;
    }

    #universo-idolas .container .image img {
      width: 306.67px;
      height: 584.04px;
      position: relative;
    }
  }

  @media (min-width: 1920px) {
      #universo-idolas {
      padding: 80px 100px var(--space-96, 96px);

    }
    
    #universo-idolas .container, .container-lg, .container-md, .container-sm, .container-xl  {
      width: 1280px;
      max-width:1280px !important;
      display: flex;
      align-items: flex-start;
      gap: var(--space-32, 32px);
      align-self: stretch;
    }

    #universo-idolas .container .box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--space-32, 32px);
      flex: 1 0 0;
      align-self: stretch;
      width: 405px;
    }
    #universo-idolas #img-2 {
      width: 405px;
      height: 184px;
      align-self: stretch;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/porteria_1920.webp");
    }
    #universo-idolas #img-3 {
      height: 184px;
      border-radius: 16px;
      width: 405px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/escudo_1920.webp");
    }
    #universo-idolas #img-4 {
      border-radius: 16px;
      height: 375.97px;
      width: 405px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/chica_corriendo_1920.webp");
    }

    #universo-idolas #img-5 {
      border-radius: 16px;
      height: 590px;
      width: 408px !important;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("/documents/20122/22315976/chica_balon_1920.webp");
    }
    #universo-idolas .container .box .first-inner-container img {
      background-color: white;
      width: 307px;
      border-radius: 16px;
    }
    #universo-idolas .container .box .inner-box {
      height: 375.97px;
      border-radius: 16px;
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      display: flex;
    }

    #universo-idolas .container .box .inner-box .image-container {
      align-self: stretch;
      height: 1296px;
      padding: 423px 752px;
      justify-content: center;
      align-items: center;
      display: inline-flex;
    }

    #universo-idolas .container .box .image-container .inner-container img {
      height: 342px;
    }

    #universo-idolas .container .box .image-overlay {
      border-radius: 16px;
      justify-content: flex-end;
      align-items: center;
      width: 405px;
    }

    #universo-idolas .container .box .image-overlay img {
      width: 307px;
      height: 334.71px;
    }

    #universo-idolas
      .container
      .box
      .inner-box
      .image-container
      .placeholder
      .inner-container {
      padding: 0 7.73px;
      background: #f9f9f9;
      border-radius: 16px;
      overflow: hidden;
      justify-content: flex-end;
      align-items: center;
      display: inline-flex;
    }

    #universo-idolas .container .box .inner-box .inner-container img {
      width: 231.11px;
      height: 346.34px;
    }

    #universo-idolas .container .image {
      width: 306.67px;
      height: 584.04px;
      position: relative;
      background: linear-gradient(0deg, #fff5ec 0%, #fff5ec 100%);
      border-radius: 16px;
    }
    #universo-idolas .container .box .image-overlay video {
      transform: translate(52%, 0%);
    }
  }