.bloque-5-banners {
  display: flex;
  width: calc(120rem - 3.76rem);
  padding: 0 1.88rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  margin: auto;
  overflow: hidden;
}

.bloque-5-banners a {
  text-decoration: none;
}

.bloque-5-banners a, .bloque-5-banners a:visited, .bloque-5-banners a:hover, .bloque-5-banners a:active {
  color: inherit;
}

.bloque-5-banners .bloque-izquierda {
  width: 50%;
  height: 53.4375rem;
}

.bloque-5-banners .bloque-derecha {
  width: 25%;
  height: 100%;
}

.bloque-5-banners .imagen-bloque {
  border-radius: 0.75rem;
  width: 100%;
  height: 100%;
}

.bloque-5-banners .fondo-color {
  background: var(--Brand-09B891, #09B891);
}

.bloque-5-banners .bloque-derecha {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  align-self: stretch;
}

.bloque-5-banners .banner-wrapper {
  position: relative;
}

.bloque-5-banners .bloque-derecha .banner-derecha {
  width: 100%;
}

.bloque-5-banners .bloque-derecha .banner-derecha-arriba-1 {
  height: 36.25rem;
}

.bloque-5-banners .bloque-derecha .banner-derecha-abajo-1 {
  height: 16.4375rem;
}

.bloque-5-banners .bloque-derecha .banner-derecha-arriba-2 {
  height: 20.5625rem;
}

.bloque-5-banners .bloque-derecha .banner-derecha-abajo-2 {
  height: 32.125rem;
}

.bloque-5-banners video {
  object-fit: cover;
  border-radius: 0.75rem;
}

.bloque-5-banners .bloque-link {
  display: contents;
}

.bloque-5-banners .banner-sello {
  width: 13.25rem;
  height: 13.25rem;
  aspect-ratio: 1/1;
  position: absolute;
  right: -0.09375rem;
  top: 0.625rem;
}

.bloque-5-banners .banner-mensaje {
  display: flex;
  padding: 1.75rem 5.34375rem 1.75rem 1.5625rem;
  align-items: center;
  align-self: stretch;
  color: #000;
  font-family: "Harriet Text Light 2v1";
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 96%; /* 3.12rem */
  letter-spacing: -0.065rem;
}

.bloque-5-banners .descripcion-imagen {
  position: absolute;
  width: calc(100% - 3rem);
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  display: flex;
  height: 10.5625rem;
  justify-content: center;
  align-items: flex-end;
  gap: 0.625rem;
  flex-shrink: 0;
  color: var(--Neutral-White, #FFF);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 2rem;
  line-height: 108%; /* 2.16rem */
}

.bloque-5-banners .multiple-products-card {
  position: absolute;
  display: flex;
  width: 19rem;
  height: 8.45rem;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  border-radius: 0.75rem;
  background: var(--Neutral-F7F7F1, #F7F7F1);
}

.bloque-5-banners .multiple-products-card.small {
  width: 16rem;
}

.bloque-5-banners .multiple-products-card.animate {
  transform: scale(0.065, 0.13);
  border-radius: 50%;
}

.bloque-5-banners .multiple-products-card.animate.small {
  transform: scale(0.065, 0.115);
}

.bloque-5-banners .multiple-products-card.animate * {
  opacity: 0;
  z-index: 0;
}

.bloque-5-banners .multiple-products-card.animate:hover {
  transform: scale(1,1);
  transition: border-radius 0.01s ease-in-out 0s, transform 1s ease-in-out 0.01s;
  border-radius: 0.75rem;
  z-index: 9999;
}

.bloque-5-banners .multiple-products-card.animate:hover * {
  opacity: 1;
  transition: all 1s ease-in-out 0s;
}

.bloque-5-banners .multiple-products-card.animate.top-left {
  transform-origin: top left;
}

.bloque-5-banners .multiple-products-card.animate.top-right {
  transform-origin: top right;
}

.bloque-5-banners .multiple-products-card.animate.bottom-left {
  transform-origin: bottom left;
}

.bloque-5-banners .multiple-products-card.animate.bottom-right {
  transform-origin: bottom right;
}

.bloque-5-banners .multiple-products-card-title {
  color: var(--Neutral-1A1A1A, #1A1A1A);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 2rem;
  line-height: 108%; /* 2.16rem */
}

.bloque-5-banners .multiple-products-card.small .multiple-products-card-title {
  font-size: 1.8rem;
}

.bloque-5-banners .multiple-products-card-price-wrapper {
  display: flex;
  height: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  flex: 1 0 0;
}

.bloque-5-banners .multiple-products-card-price {
  color: var(--Neutral-1A1A1A, #1A1A1A);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 1.125rem;
  line-height: 108%; /* 1.215rem */
  display: flex;
  gap: 0.75rem;
}

.bloque-5-banners .multiple-products-card-add-to-cart-button-wrapper {
  display: flex;
  padding: 0.375rem;
  align-items: center;
  gap: 0.625rem;
  border-radius: 5.19231rem;
  background: var(--Brand-D4EB34, #D4EB34);
}

.bloque-5-banners .multiple-products-card-add-to-cart-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.bloque-5-banners .price > del {
  color: var(--Neutral-Alert, #F44444);
  font-family: "Residenz Grotesk SemiBold";
  font-size: 0.75rem;
  line-height: 98%; /* 1.225rem */
  align-content: flex-start;
}

.bloque-5-banners .price ins, .bloque-5-banners .price > .woocommerce-Price-amount.amount {
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 88%;
  align-content: flex-start;
}

@media screen and (max-width: 959px) {
  .bloque-5-banners .multiple-products-card.animate.open {
    transform: scale(1,1) ! important;
    transition: border-radius 0.01s ease-in-out 0s, transform 1s ease-in-out 0.01s;
    border-radius: 0.75rem;
    z-index: 9999;
  }

  .bloque-5-banners .multiple-products-card.animate.open * {
    opacity: 1;
    transition: all 1s ease-in-out 0s;
  }

  .bloque-5-banners {
    width: calc(21.9375rem - 1.5rem);
    padding: 0 0.75rem;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .bloque-5-banners .bloque-izquierda {
    width: calc(21.9375rem - 1.5rem);
    height: 21rem;

  }

  .bloque-5-banners .bloque-derecha {
    width: calc(10.96875rem - 1.125rem);
    position: relative;
    gap: 0.5rem;
  }

  .bloque-5-banners .bloque-derecha .banner-derecha-arriba-1 {
    height: 14.27629rem;
  }

  .bloque-5-banners .bloque-derecha .banner-derecha-abajo-1 {
    height: 6.4637rem;
  }

  .bloque-5-banners .bloque-derecha .banner-derecha-arriba-2 {
    height: 8.0915rem;
  }

  .bloque-5-banners .bloque-derecha .banner-derecha-abajo-2 {
    height: 12.6325rem;
  }

  .bloque-5-banners .banner-mensaje {
    font-size: 1.278rem;
    padding: 0.68819rem 1.94244rem 2.40056rem 0.42688rem;
  }

  .bloque-5-banners .banner-sello {
    width: 7.25rem;
    height: 7.25rem;
  }

  .bloque-5-banners .descripcion-imagen {
    width: calc(100% - 1rem);
    padding: 0.5rem;
    height: 4.125rem;
    font-size: 0.78644rem;
  }

  .bloque-5-banners .multiple-products-card.animate.small {
    transform: scale(0.065, 0.13);
  }

  .bloque-5-banners .price ins, .bloque-5-banners .price > .woocommerce-Price-amount.amount {
    font-size: 0.84238rem;
  }

  .bloque-5-banners .price > del {
    font-size: 0.44238rem;
  }

  .bloque-5-banners .multiple-products-card, .bloque-5-banners .multiple-products-card.small {
    width: 10.47138rem;
    height: 4.5rem;
    padding: 0.49325rem;
    gap: 1.18rem;
  }

  .bloque-5-banners .multiple-products-card.animate.small.top-left {
    transform-origin: top right;
  }

  .bloque-5-banners .multiple-products-card.animate.small.bottom-left {
    transform-origin: bottom right;
  }

  .bloque-5-banners .multiple-products-card-title, .bloque-5-banners .multiple-products-card.small .multiple-products-card-title {
    font-size: 0.925rem;
  }

  .bloque-5-banners .multiple-products-card-add-to-cart-button-wrapper {
    padding: 0.24744rem;
  }

  .bloque-5-banners .multiple-products-card-add-to-cart-icon {
    width: 0.54238rem;
    height: 0.54238rem;
  }

  .bloque-5-banners .multiple-products-card-price {
    gap: 0.375rem;
  }
}
