/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1925.33vw;
  overflow: hidden;
  width: 100%;
}

.index .header-2 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 0;
  min-height: 16.13vw;
  width: 100%;
}

.index .header-contacto-2 {
  background-color: var(--wild-sand);
  height: 3.73vw;
  width: 100%;
}

.index .header-container-1 {
  align-items: center;
  display: flex;
  gap: 54.4vw;
  margin-right: 0.8vw;
  min-width: 80.0vw;
}

.index .header-logo-4 {
  background-image: url(../img/logo-5@1x.png);
  height: 14.4vw;
  width: 18.4vw;
}

.index .header-mobile-nav {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1.33vw;
  min-height: 5.07vw;
  transition: all 0.2s ease;
  width: 7.2vw;
  margin-top:2vw;
}

.index .header-mobile-nav:hover {
  transform: scale(0.9);
}

.index .linea {
  height: 0.8vw;
  margin-left: 0;
  object-fit: cover;
  width: 7.2vw;
}

.index .banner-home-2 {
  align-items: flex-start;
  background-color: var(--hawkes-blue);
  display: flex;
  flex-direction: column;
  min-height: 161.87vw;
  padding: 0.03vw 2.67vw;
  width: 100%;
}

.index .titulos-home-2 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  height: 26.67vw;
  margin-right: 6.13vw;
  margin-top: 9.33vw;
  min-width: 73.07vw;
  padding: 1.33vw 0;
}

.index .titulo-home-container-2 {
  height: 22.93vw;
  position: relative;
  width: 70.67vw;
}

.index .subtitulo-home-2 {
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: 6.93vw;
  font-weight: 600;
  left: 0;
  letter-spacing: 0;
  line-height: 8.53vw;
  position: absolute;
  top: 14.4vw;
  white-space: nowrap;
}

.index .titulo-home-2 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 13.07vw;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 13.33vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.index .span0-2 {
  color: var(--blue-jeans);
}

.index .texto-home-4 {
  align-self: center;
  display: flex;
  height: 12.27vw;
  margin-right: 4.8vw;
  margin-top: 5.33vw;
  width: 74.4vw;
}

.index .texto-home-5 {
  color: var(--shark);
  flex: 1;
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 4.8vw;
  margin-bottom: -1.07vw;
  margin-right: 4.27vw;
  margin-top: 1.07vw;
  white-space: nowrap;
  width: 70.13vw;
}

.index .boton-home-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  margin-left: 7.73vw;
  margin-top: 2.93vw;
  min-width: 30.93vw;
  transition: all 0.3s ease-out;
}

.index .boton-home-2:hover {
  transform: scale(1.1);
}

.index .overlap-group1-5 {
  border-radius: 8.8vw;
  height: 9.07vw;
  min-width: 30.93vw;
  padding: 1.07vw 6.93vw;
}

.index .texto-boton-5 {
  color: var(--white);
  font-family: var(--font-family-newrubrik-extrabold);
  font-size: var(--font-size-l);
  font-weight: 800;
  line-height: 4.0vw;
  min-height: 5.6vw;
  min-width: 16.53vw;
}

.index .imagen-home-2 {
  height: 94.67vw;
  margin-top: 1.07vw;
  object-fit: cover;
  width: 92.27vw;
}

.index .seccion-nosotros-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 2.67vw;
  margin-top: 8.8vw;
  min-height: 176.53vw;
  width: 82.93vw;
}

.index .titulo-nosotros-2 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 5.87vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 5.87vw;
  margin-top: 0.53vw;
  min-height: 7.47vw;
  white-space: nowrap;
}

.index .noso-container-2 {
  height: 77.6vw;
  margin-top: 10.13vw;
  position: relative;
  width: 82.93vw;
}

.index .texto-nosostros-2 {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: var(--font-size-xs);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 3.2vw;
  position: absolute;
  top: 73.07vw;
  white-space: nowrap;
}

.index .descrip-nosotros-2 {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-xs);
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 3.2vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.index .nino-2 {
  align-self: center;
  display: block;
  height: 77.07vw;
  margin-right: 0.53vw;
  margin-top: 3.73vw;
  object-fit: cover;
  opacity: 0;
  transform: translateY(2.67vw);
  width: 69.33vw;
}

.index .nino-2.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.50s ease-out 0.10s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translateY(2.67vw);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0; transform: translateY(10px);
}
to{opacity: 1; transform: translateY(0);
}
}

.index .productos-8 {
  align-items: center;
  background-color: var(--pattens-blue);
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-top: 10.13vw;
  min-height: 1452.8vw;
  padding: 11.73vw 8.0vw;
  width: 100%;
}

.index .titulo-productos-2 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 5.87vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 5.87vw;
  margin-left: 0.8vw;
  min-height: 7.47vw;
  min-width: 27.73vw;
  white-space: nowrap;
}

.index .texto-productos-2 {
  align-self: flex-end;
  color: var(--mountain-mist);
  font-family: var(--font-family-newrubrik-semibold);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 3.2vw;
  margin-top: 7.2vw;
  min-height: 8.53vw;
  min-width: 83.2vw;
  text-align: center;
  white-space: nowrap;
}

.index .cuadriculas-productos-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-right: 0;
  margin-top: 5.33vw;
  min-height: 1200.8vw;
  width: 77.6vw;
}

.index .productos1 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0.53vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos1:hover {
  transform: scale(0.9);
}

.index .img-producto-18 {
  background-image: url(../img/img-producto-26@1x.png);
}

.index .textos-producto-5 {
  gap: 1.33vw;
  min-height: 9.87vw;
}

.index .nombre-producto-2 {
  letter-spacing: 0;
  line-height: 6.13vw;
  margin-left: 0.56vw;
  margin-top: 0.53vw;
  min-height: 7.73vw;
  white-space: nowrap;
}

.index .linea-producto-4 {
  height: 0.53vw;
  object-fit: cover;
  width: 59.73vw;
}

.index .boton-producto-5 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 13.33vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.67vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-5:hover {
  transform: scale(1.1);
}

.index .texto-boton-4 {
  line-height: 3.73vw;
  min-height: 5.33vw;
  min-width: 16.0vw;
}

.index .productos-6 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0.27vw;
  margin-top: 4.8vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos-6:hover {
  transform: scale(0.9);
}

.index .img-producto-19 {
  background-image: url(../img/img-producto-25@1x.png);
}

.index .textos-producto-6 {
  gap: 1.87vw;
  min-height: 10.4vw;
}

.index .boton-producto-6 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 12.8vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.67vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-6:hover {
  transform: scale(1.1);
}

.index .productos3 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-top: 4.8vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos3:hover {
  transform: scale(0.9);
}

.index .img-producto-20 {
  background-image: url(../img/img-producto-24@1x.png);
}

.index .textos-producto-8 {
  gap: 1.6vw;
  min-height: 10.13vw;
}

.index .boton-producto-7 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 13.07vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.67vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-7:hover {
  transform: scale(1.1);
}

.index .img-producto-21 {
  background-image: url(../img/img-producto-23@1x.png);
}

.index .productos5 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0.53vw;
  margin-top: 4.27vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos5:hover {
  transform: scale(0.9);
}

.index .img-producto-22 {
  background-image: url(../img/img-producto-22@1x.png);
}

.index .productos-7 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0.27vw;
  margin-top: 4.27vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos-7:hover {
  transform: scale(0.9);
}

.index .img-producto-23 {
  background-image: url(../img/img-producto-21@1x.png);
}

.index .textos-producto-7 {
  gap: 2.13vw;
  min-height: 10.67vw;
}

.index .boton-producto-8 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 12.53vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.93vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-8:hover {
  transform: scale(1.1);
}

.index .img-producto-24 {
  background-image: url(../img/img-producto-20@1x.png);
}

.index .productos8 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-left: 0.53vw;
  margin-top: 4.8vw;
  min-height: 129.33vw;
  padding: 8.8vw 4.16vw;
  transition: all 0.2s ease-in-out;
  width: 77.07vw;
}

.index .productos8:hover {
  transform: scale(0.9);
}

.index .img-producto-25 {
  background-image: url(../img/img-producto-19@1x.png);
}

.index .boton-producto-9 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 12.53vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.67vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-9:hover {
  transform: scale(1.1);
}

.index .img-producto-26 {
  background-image: url(../img/img-producto-18@1x.png);
}

.index .textos-producto-9 {
  gap: 2.4vw;
  min-height: 10.93vw;
}

.index .boton-producto-10 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.33vw;
  justify-content: flex-end;
  margin-left: 4.37vw;
  margin-top: 12.27vw;
  min-width: 30.13vw;
  padding: 1.07vw 6.93vw;
  transition: all 0.3s ease-out;
}

.index .boton-producto-10:hover {
  transform: scale(1.1);
}

.index .paginacion-2 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.27vw;
  margin-top: 7.73vw;
  min-width: 64.53vw;
}

.index .boton1-paginacion-2 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 2.4vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  min-width: 11.2vw;
  padding: 2.77vw 4.21vw;
  transition: all 0.2s ease;
}

.index .boton1-paginacion-2:hover {
  transform: scale(0.9);
}

.index .flecha-2 {
  height: 4.8vw;
  object-fit: cover;
  width: 2.67vw;
}

.index .boton2-paginacion-2 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 2.4vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  justify-content: flex-end;
  margin-left: 2.67vw;
  min-width: 11.47vw;
  padding: 2.0vw 4.27vw;
  transition: all 0.2s ease;
}

.index .boton2-paginacion-2:hover {
  transform: scale(0.9);
}

.index .number-5 {
  min-width: 2.13vw;
}

.index .boton3-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 2.4vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  justify-content: flex-end;
  margin-left: 1.33vw;
  min-width: 11.2vw;
  padding: 2.0vw 4.0vw;
  transition: all 0.2s ease;
}

.index .boton3-paginacion-1:hover {
  transform: scale(0.9);
}

.index .number-4 {
  min-width: 2.67vw;
}

.index .boton4-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 2.4vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  justify-content: flex-end;
  margin-left: 2.13vw;
  min-width: 11.2vw;
  padding: 2.0vw 4.0vw;
  transition: all 0.2s ease;
}

.index .boton4-paginacion-1:hover {
  transform: scale(0.9);
}

.index .boton5-paginacion-2 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 2.4vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  margin-left: 2.13vw;
  min-width: 11.2vw;
  padding: 2.77vw 4.21vw;
  transition: all 0.2s ease;
}

.index .boton5-paginacion-2:hover {
  transform: scale(0.9);
}

.index .seccion-buscador-2 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 1.87vw;
  display: flex;
  gap: 7.2vw;
  height: 17.07vw;
  margin-left: 0;
  margin-top: 12.8vw;
  width: 77.07vw;
}

.index .adorno1-buscador-3 {
  display: flex;
  height: 7.73vw;
  margin-bottom: 4.45vw;
  width: 3.2vw;
}

.index .adorno1-buscador-4 {
  background-color: var(--tickle-me-pink);
  flex: 1;
  margin-bottom: -0.27vw;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 3.2vw;
}

.index .buscador-2 {
  align-items: center;
  background-color: var(--white);
  border: 0.27vw solid;
  border-color: var(--gallery);
  border-radius: 4.53vw;
  display: flex;
  flex: 1;
  gap: 30.4vw;
  justify-content: flex-end;
  margin-bottom: 4.69vw;
  margin-right: 6.67vw;
  min-width: 60.0vw;
}

.index .textouscar-buscador-2 {
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.73vw;
  margin-top: 0.8vw;
  min-height: 5.07vw;
  min-width: 14.13vw;
  white-space: nowrap;
}

.index .overlap-group1-6 {
  border-radius: 0.0vw 4.0vw 4.0vw 0.0vw;
  height: 7.2vw;
  justify-content: flex-end;
  min-width: 10.93vw;
  padding: 1.79vw 3.65vw;
}

.index .icono-buscador-2 {
  display: flex;
  height: 3.47vw;
  width: 3.47vw;
}

.index .lupa-2 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 3.5vw;
  padding: 0 0.0vw;
}

.index .buscador-container-3 {
  height: 3.47vw;
  margin-bottom: 0;
  position: relative;
  width: 3.47vw;
}

.index .elemento1-buscador-2 {
  height: 2.93vw;
  left: 0.53vw;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2.93vw;
}

.index .elemento2-buscador-2 {
  height: 1.33vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2.13vw;
  width: 1.33vw;
}

.index .seccion-categorias-2 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 1.87vw;
  display: flex;
  gap: 7.2vw;
  height: 87.47vw;
  margin-right: 0;
  margin-top: 6.4vw;
  min-width: 77.07vw;
  padding: 8.27vw 0;
}

.index .elemento2-categorias-2 {
  background-color: var(--tickle-me-pink);
  height: 8.0vw;
  width: 3.2vw;
}

.index .categor-container-2 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8vw;
  min-height: 68.0vw;
  width: 24.0vw;
}

.index .titulo {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 4.8vw;
  min-height: 6.4vw;
  white-space: nowrap;
}

.index .categora-1-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 4.27vw;
  margin-top: 6.4vw;
  min-height: 5.87vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .categora-1-2:hover {
  color: #F9809F
}

.index .categora-2-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 4.27vw;
  margin-top: 3.47vw;
  min-height: 5.87vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .categora-2-1:hover {
  color: #F9809F
}

.index .categora-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 4.27vw;
  margin-top: 4.27vw;
  min-height: 5.87vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .categora-4:hover {
  color: #F9809F
}

.index .categora-5 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 4.27vw;
  margin-top: 4.0vw;
  min-height: 5.87vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .categora-5:hover {
  color: #F9809F
}

.index .filtrar-precios-2 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 1.87vw;
  display: flex;
  gap: 7.2vw;
  height: 43.47vw;
  margin-right: 0;
  margin-top: 6.93vw;
  min-width: 77.07vw;
  padding: 8.27vw 0;
}

.index .adorno3-precios-2 {
  background-color: var(--tickle-me-pink);
  height: 8.0vw;
  width: 3.2vw;
}

.index .precios-container-2 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 8.53vw;
  margin-bottom: 0;
  min-height: 25.87vw;
  width: 56.8vw;
}

.index .barra-precios {
  height: 10.93vw;
  margin-left: 0;
  position: relative;
  width: 56.8vw;
}

.index .preciofinal-precios-2 {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 40.27vw;
  letter-spacing: 0;
  line-height: 4.0vw;
  position: absolute;
  top: 0.53vw;
  white-space: nowrap;
}

.index .precioinicio-precios-2 {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 4.0vw;
  position: absolute;
  top: 0.53vw;
  white-space: nowrap;
}

.index .precios-container-3 {
  height: 4.8vw;
  left: 0;
  position: absolute;
  top: 6.13vw;
  width: 56.8vw;
}

.index .barra1-precios-2 {
  background-color: var(--silver);
  border-radius: 0.53vw;
  height: 0.8vw;
  left: 2.93vw;
  position: absolute;
  top: 1.87vw;
  width: 53.87vw;
}

.index .barra2-precios-2 {
  background-color: var(--tickle-me-pink);
  height: 0.8vw;
  left: 2.93vw;
  position: absolute;
  top: 1.87vw;
  width: 38.67vw;
}

.index .boton2-precios-2 {
  background-color: var(--tickle-me-pink);
  border-radius: 2.27vw/2.4vw;
  display: flex;
  height: 4.8vw;
  left: 38.67vw;
  position: absolute;
  top: 0;
  width: 4.53vw;
}

.index .circulo3-precios {
  background-color: var(--white);
  border-radius: 1.33vw;
  flex: 1;
  margin-bottom: 1.07vw;
  margin-left: 1.07vw;
  margin-right: 0.8vw;
  margin-top: 1.07vw;
  width: 2.67vw;
}

.index .boton1-precios-2 {
  background-color: var(--tickle-me-pink);
  border-radius: 2.4vw;
  display: flex;
  height: 4.8vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.8vw;
}

.index .circulo1-precios {
  background-color: var(--white);
  border-radius: 1.33vw;
  flex: 1;
  margin-bottom: 1.07vw;
  margin-left: 1.07vw;
  margin-right: 1.07vw;
  margin-top: 1.07vw;
  width: 2.67vw;
}

.index .footer-2 {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: 97.07vw;
  justify-content: space-between;
  width: 100%;
}

.index .textos-footer-2 {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 29.87vw;
  justify-content: space-between;
  margin-left: 17.33vw;
  margin-right: 17.07vw;
  margin-top: 8.53vw;
  max-height: 29.87vw;
}

.index .titulo-footer-2 {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-bold);
  font-size: 5.87vw;
  font-weight: 700;
  height: 14.4vw;
  letter-spacing: 0;
  line-height: 6.4vw;
  margin-right: -0.53vw;
  margin-top: 0.53vw;
  max-height: 14.4vw;
  text-align: center;
  white-space: nowrap;
}

.index .descrip-footer-2 {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-regular);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 12.53vw;
  letter-spacing: 0;
  line-height: 3.2vw;
  margin-bottom: -1.73vw;
  margin-left: 2.53vw;
  margin-right: 2.27vw;
  max-height: 12.53vw;
  text-align: center;
  white-space: nowrap;
}

.index .nav-footer-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 3.73vw;
  margin-left: 10.4vw;
  margin-right: 10.13vw;
  max-height: 46.62vw;
  min-height: 46.62vw;
}

.index .linea-footer-2 {
  height: 0.8vw;
  margin-right: 0.8vw;
  margin-top: -0.53vw;
  object-fit: cover;
  width: 80.0vw;
}

.index .header-logo-5 {
  background-image: url(../img/logo-4@1x.png);
  height: 25.07vw;
  margin-right: 0.8vw;
  margin-top: 6.4vw;
  width: 32.27vw;
}

.index .footer-container {
  align-items: flex-start;
  display: flex;
  gap: 3.73vw;
  height: 5.33vw;
  margin-top: 2.13vw;
  min-width: 63.47vw;
}

.index .inicio-footer-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 3.73vw;
  min-height: 5.33vw;
  min-width: 11.73vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .inicio-footer-2:hover {
  color: #F9809F
}

.index .nosotros-footer-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 3.73vw;
  min-height: 5.33vw;
  min-width: 20.8vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .nosotros-footer-2:hover {
  color: #F9809F
}

.index .productos-footer-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 3.73vw;
  min-height: 5.33vw;
  min-width: 23.47vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.index .productos-footer-2:hover {
  color: #F9809F
}

.index .derechos-footer-2 {
  color: var(--nobel-2);
  font-family: var(--font-family-newrubrik-medium);
  font-size: 2.93vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.4vw;
  margin-top: 4.27vw;
  min-height: 4.27vw;
  min-width: 80.0vw;
  text-align: center;
  white-space: nowrap;
}

.index .header-logo {
  background-position: 50% 50%;
  background-size: cover;
}

.index .img-producto {
  background-position: 50% 50%;
  background-size: cover;
  height: 65.07vw;
  margin-top: 5.6vw;
  width: 68.8vw;
}

.index .number {
  letter-spacing: 0;
  line-height: 3.73vw;
  min-height: 5.07vw;
  text-align: center;
  white-space: nowrap;
}

.index .overlap-group1 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  display: flex;
}

.index .texto-boton {
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.index .textos-producto {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-right: 4.5vw;
  margin-top: 8.8vw;
  width: 59.73vw;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 272.25vw;
  overflow: hidden;
  width: 100%;
}

.tablet .header-1 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-right: 0;
  min-height: 16.39vw;
  width: 100%;
}

.tablet .header-contacto-1 {
  background-color: var(--wild-sand);
  height: 4.79vw;
  width: 100%;
}

.tablet .header-logo-2 {
  background-image: url(../img/logo-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 11.62vw;
  margin-left: 0.1vw;
  margin-top: 1.07vw;
  width: 14.94vw;
}

.tablet .header-nav-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.07vw;
  margin-left: 0;
  margin-top: 0.88vw;
  min-height: 3.03vw;
  width: 88.28vw;
}

.tablet .linea-nav-1 {
  height: 0.2vw;
  margin-left: 0;
  object-fit: cover;
  width: 88.28vw;
}

.tablet .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 1.76vw;
  height: 2.25vw;
  margin-left: 0.2vw;
  min-width: 27.15vw;
}

.tablet .inicio-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 2.25vw;
  min-width: 5.08vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .inicio-1:hover {
  color: #F9809F
}

.tablet .nosotros-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 2.25vw;
  min-width: 8.79vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .nosotros-1:hover {
  color: #F9809F
}

.tablet .productos-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 2.25vw;
  min-width: 9.77vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .productos-4:hover {
  color: #F9809F
}

.tablet .banner-home-1 {
  align-items: center;
  background-color: var(--hawkes-blue);
  display: flex;
  gap: 9.96vw;
  height: 43.65vw;
  justify-content: flex-end;
  margin-top: 2.44vw;
  min-width: 100%;
  padding: 0.03vw 4.21vw;
}

.tablet .home-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 1.37vw;
  min-height: 22.17vw;
  width: 34.18vw;
}

.tablet .titulos-home-1 {
  align-items: flex-end;
  display: flex;
  height: 9.77vw;
  min-width: 34.18vw;
}

.tablet .titulo-home-container-1 {
  height: 9.38vw;
  margin-bottom: -0.15vw;
  position: relative;
  width: 33.69vw;
}

.tablet .subtitulo-home-1 {
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: 3.32vw;
  font-weight: 600;
  left: 0;
  letter-spacing: 0;
  line-height: 4.1vw;
  position: absolute;
  top: 5.27vw;
  white-space: nowrap;
}

.tablet .titulo-home-1 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 4.79vw;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 4.88vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.tablet .span0-1 {
  color: var(--blue-jeans);
}

.tablet .texto-home-2 {
  display: flex;
  height: 4.49vw;
  margin-top: 1.76vw;
  width: 27.25vw;
}

.tablet .texto-home-3 {
  color: var(--shark);
  flex: 1;
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.76vw;
  margin-bottom: -0.39vw;
  margin-right: 1.56vw;
  margin-top: 0.39vw;
  white-space: nowrap;
  width: 25.68vw;
}

.tablet .boton-home-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 3.42vw;
  margin-top: 2.73vw;
  min-width: 11.33vw;
  transition: all 0.3s ease-out;
}

.tablet .boton-home-1:hover {
  transform: scale(1.1);
}

.tablet .overlap-group1-2 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  display: flex;
  height: 3.32vw;
  min-width: 11.33vw;
  padding: 0.39vw 2.54vw;
}

.tablet .texto-boton-3 {
  color: var(--white);
  font-family: var(--font-family-newrubrik-extrabold);
  font-size: var(--font-size-l);
  font-weight: 800;
  line-height: 1.46vw;
  min-height: 2.05vw;
  min-width: 6.05vw;
}

.tablet .imagen-home-1 {
  align-self: flex-end;
  height: 42.38vw;
  object-fit: cover;
  width: 41.31vw;
}

.tablet .seccion-nosotros-1 {
  align-items: flex-start;
  display: flex;
  gap: 7.81vw;
  justify-content: flex-end;
  margin-left: 0.2vw;
  margin-top: 5.47vw;
  min-width: 86.82vw;
}

.tablet .nino-1 {
  display: block;
  height: 41.99vw;
  margin-top: 0;
  object-fit: cover;
  opacity: 0;
  transform: translateY(0.98vw);
  width: 37.7vw;
}

.tablet .nino-1.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.50s ease-out 0.10s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translateY(0.98vw);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0; transform: translateY(10px);
}
to{opacity: 1; transform: translateY(0);
}
}

.tablet .noso-container-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-top: 0.63vw;
  min-height: 38.09vw;
  width: 41.31vw;
}

.tablet .titulo-nosotros-1 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 2.73vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.73vw;
  min-height: 3.52vw;
  white-space: nowrap;
}

.tablet .descrip-nosotros-1 {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.37vw;
  margin-top: 4.3vw;
  min-height: 28.32vw;
  white-space: nowrap;
}

.tablet .texto-nosostros-1 {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.37vw;
  min-height: 1.95vw;
  white-space: nowrap;
}

.tablet .productos-5 {
  align-items: center;
  background-color: var(--pattens-blue);
  display: flex;
  flex-direction: column;
  margin-top: 7.32vw;
  min-height: 131.05vw;
  padding: 5.47vw 0;
  width: 100%;
}

.tablet .titulo-productos-1 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 2.73vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.73vw;
  margin-left: 0.29vw;
  min-height: 3.52vw;
  min-width: 12.79vw;
  white-space: nowrap;
}

.tablet .texto-productos-1 {
  color: var(--mountain-mist);
  font-family: var(--font-family-newrubrik-semibold);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.37vw;
  margin-left: 0.2vw;
  margin-top: 1.07vw;
  min-height: 3.71vw;
  min-width: 35.55vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .overlap-group4 {
  height: 98.05vw;
  margin-top: 4.69vw;
  position: relative;
  width: 80.27vw;
}

.tablet .filtrar-precios-1 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 0.68vw;
  display: flex;
  gap: 1.76vw;
  height: 10.55vw;
  left: 0;
  min-width: 18.55vw;
  padding: 2.05vw 0;
  position: absolute;
  top: 28.42vw;
}

.tablet .adorno3-precios-1 {
  background-color: var(--tickle-me-pink);
  height: 1.95vw;
  width: 0.88vw;
}

.tablet .flex-col-3 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 2.05vw;
  margin-top: 0.05vw;
  min-height: 6.15vw;
  width: 13.57vw;
}

.tablet .titulo-precios-1 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.27vw;
  margin-left: 0;
  min-height: 1.76vw;
  white-space: nowrap;
}

.tablet .overlap-group1-3 {
  height: 2.34vw;
  position: relative;
  width: 13.57vw;
}

.tablet .preciofinal-precios-1 {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: 1.07vw;
  font-weight: 400;
  left: 9.57vw;
  letter-spacing: 0;
  line-height: 1.07vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.tablet .precioinicio-precios-1 {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: 1.07vw;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 1.07vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.tablet .precios-container-1 {
  height: 1.07vw;
  left: 0;
  position: absolute;
  top: 1.27vw;
  width: 13.57vw;
}

.tablet .barra1-precios-1 {
  background-color: var(--silver);
  border-radius: 0.2vw;
  height: 0.2vw;
  left: 0.59vw;
  position: absolute;
  top: 0.49vw;
  width: 12.99vw;
}

.tablet .barra2-precios-1 {
  background-color: var(--tickle-me-pink);
  height: 0.2vw;
  left: 0.59vw;
  position: absolute;
  top: 0.49vw;
  width: 9.38vw;
}

.tablet .boton2-precios-1 {
  background-color: var(--tickle-me-pink);
  border-radius: 0.54vw;
  display: flex;
  height: 1.07vw;
  left: 9.28vw;
  position: absolute;
  top: 0;
  width: 1.07vw;
}

.tablet .circulo-1 {
  background-color: var(--white);
  border-radius: 0.34vw;
  flex: 1;
  margin-bottom: 0.2vw;
  margin-left: 0.2vw;
  margin-right: 0.2vw;
  margin-top: 0.2vw;
  width: 0.68vw;
}

.tablet .boton1-precios-1 {
  background-color: var(--tickle-me-pink);
  border-radius: 0.54vw;
  display: flex;
  height: 1.07vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.07vw;
}

.tablet .seccion-categorias-1 {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 0.68vw;
  display: flex;
  gap: 1.76vw;
  height: 21.19vw;
  left: 0;
  min-width: 18.55vw;
  padding: 2.05vw 0;
  position: absolute;
  top: 5.76vw;
}

.tablet .elemento2-categorias-1 {
  background-color: var(--tickle-me-pink);
  height: 1.95vw;
  width: 0.88vw;
}

.tablet .categor-container-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  min-height: 16.6vw;
  width: 6.93vw;
}

.tablet .titulo-categorias-1 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.27vw;
  min-height: 1.76vw;
  white-space: nowrap;
}

.tablet .categora-1-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.27vw;
  margin-top: 1.17vw;
  min-height: 1.76vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .categora-1-1:hover {
  color: #F9809F
}

.tablet .categora-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.27vw;
  margin-top: 0.59vw;
  min-height: 1.76vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .categora-2:hover {
  color: #F9809F
}

.tablet .categora-3 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.27vw;
  margin-top: 0.68vw;
  min-height: 1.76vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .categora-3:hover {
  color: #F9809F
}

.tablet .overlap-group3-1 {
  height: 98.05vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 80.27vw;
}

.tablet .seccion-buscador-1 {
  align-items: flex-end;
  display: flex;
  height: 4.2vw;
  left: 0;
  min-width: 26.56vw;
  position: absolute;
  top: 0;
}

.tablet .buscador-container-1 {
  height: 4.2vw;
  margin-bottom: 0;
  position: relative;
  width: 26.56vw;
}

.tablet .fondo-buscador {
  background-color: var(--hint-of-red);
  border-radius: 0.68vw;
  height: 4.2vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.55vw;
}

.tablet .buscador-1 {
  align-items: center;
  display: flex;
  gap: 9.47vw;
  height: 1.76vw;
  left: 2.64vw;
  min-width: 23.93vw;
  position: absolute;
  top: 1.27vw;
}

.tablet .overlap-group1-4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 0.1vw solid;
  border-color: var(--gallery);
  border-radius: 1.66vw;
  display: flex;
  gap: 7.32vw;
  justify-content: flex-end;
  min-width: 14.45vw;
  padding: 0 0.1vw;
}

.tablet .textouscar-buscador-1 {
  align-self: center;
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: 0.88vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.88vw;
  margin-top: 0.1vw;
  min-height: 1.27vw;
  min-width: 3.42vw;
  white-space: nowrap;
}

.tablet .fondo-icono {
  background-color: var(--tickle-me-pink);
  border-radius: 0.0vw 1.46vw 1.46vw 0.0vw;
  height: 1.76vw;
  margin-top: -0.1vw;
  width: 2.54vw;
}

.tablet .icono-buscador-1 {
  display: flex;
  height: 0.1vw;
  margin-top: 0.08vw;
  width: 0.1vw;
}

.tablet .lupa-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  min-width: 0.1vw;
}

.tablet .buscador-container-2 {
  height: 0.68vw;
  margin-top: -0.55vw;
  position: relative;
  width: 0.59vw;
}

.tablet .elemento1-buscador-1 {
  height: 0.1vw;
  left: 0.2vw;
  object-fit: cover;
  position: absolute;
  top: 0.59vw;
  width: 0.1vw;
}

.tablet .elemento2-buscador-1 {
  height: 0.59vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 0.59vw;
}

.tablet .adorno1-buscador-1 {
  display: flex;
  height: 1.86vw;
  left: 0;
  position: absolute;
  top: 1.17vw;
  width: 0.88vw;
}

.tablet .adorno1-buscador-2 {
  background-color: var(--tickle-me-pink);
  flex: 1;
  margin-bottom: -0.1vw;
  margin-top: 0;
  width: 0.88vw;
}

.tablet .cuadriculas-productos-1 {
  align-items: flex-start;
  display: flex;
  gap: 2.05vw;
  height: 98.05vw;
  left: 20.51vw;
  min-width: 59.77vw;
  position: absolute;
  top: 0;
}

.tablet .productos-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.15vw;
  margin-top: 0;
  min-height: 98.05vw;
  width: 18.55vw;
}

.tablet .productos-3 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 31.25vw;
  padding: 2.05vw 0.97vw;
  transition: all 0.2s ease-in-out;
  width: 18.55vw;
}

.tablet .productos-3:hover {
  transform: scale(0.9);
}

.tablet .img-producto-9 {
  background-image: url(../img/img-producto-17@1x.png);
}

.tablet .textos-producto-4 {
  height: 2.25vw;
}

.tablet .producto-container-1 {
  height: 2.15vw;
  margin-bottom: -0.05vw;
  position: relative;
  width: 14.45vw;
}

.tablet .nombre-producto-1 {
  left: 0.2vw;
  letter-spacing: 0;
  line-height: 1.46vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.tablet .linea-producto-3 {
  top: 2.05vw;
}

.tablet .boton-producto-4 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  cursor: pointer;
  display: flex;
  height: 2.34vw;
  justify-content: flex-end;
  margin-left: 1.09vw;
  margin-top: 2.34vw;
  min-width: 7.23vw;
  padding: 0.24vw 1.27vw;
  transition: all 0.3s ease-out;
}

.tablet .boton-producto-4:hover {
  transform: scale(1.1);
}

.tablet .texto-boton-2 {
  line-height: 1.07vw;
  min-height: 1.56vw;
  min-width: 4.49vw;
}

.tablet .img-producto-10 {
  background-image: url(../img/img-producto-14@1x.png);
}

.tablet .textos-producto-3 {
  height: 2.15vw;
}

.tablet .producto-container {
  height: 2.05vw;
  margin-bottom: -0.07vw;
  position: relative;
  width: 14.45vw;
}

.tablet .linea-producto-2 {
  top: 1.95vw;
}

.tablet .boton-producto-3 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  cursor: pointer;
  display: flex;
  height: 2.34vw;
  justify-content: flex-end;
  margin-left: 1.09vw;
  margin-top: 2.44vw;
  min-width: 7.23vw;
  padding: 0.24vw 1.27vw;
  transition: all 0.3s ease-out;
}

.tablet .boton-producto-3:hover {
  transform: scale(1.1);
}

.tablet .img-producto-11 {
  background-image: url(../img/img-producto-11@1x.png);
}

.tablet .img-producto-12 {
  background-image: url(../img/img-producto-16@1x.png);
}

.tablet .img-producto-13 {
  background-image: url(../img/img-producto-13@1x.png);
}

.tablet .img-producto-14 {
  background-image: url(../img/img-producto-10@1x.png);
}

.tablet .img-producto-15 {
  background-image: url(../img/img-producto-15@1x.png);
}

.tablet .img-producto-16 {
  background-image: url(../img/img-producto-12@1x.png);
}

.tablet .img-producto-17 {
  background-image: url(../img/img-producto-9@1x.png);
}

.tablet .paginacion-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 21.48vw;
  margin-top: 4.49vw;
  min-width: 23.63vw;
}

.tablet .boton1-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.88vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  min-width: 4.3vw;
  padding: 1.2vw 1.68vw;
  transition: all 0.2s ease;
}

.tablet .boton1-paginacion-1:hover {
  transform: scale(0.9);
}

.tablet .flecha-1 {
  height: 1.56vw;
  object-fit: cover;
  width: 0.88vw;
}

.tablet .boton2-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.88vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  justify-content: flex-end;
  margin-left: 0.59vw;
  min-width: 4.3vw;
  padding: 0.68vw 1.66vw;
  transition: all 0.2s ease;
}

.tablet .boton2-paginacion-1:hover {
  transform: scale(0.9);
}

.tablet .number-3 {
  min-width: 0.78vw;
}

.tablet .boton3-paginacion {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.88vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  margin-left: 0.49vw;
  min-width: 4.3vw;
  padding: 0.68vw 1.66vw;
  transition: all 0.2s ease;
}

.tablet .boton3-paginacion:hover {
  transform: scale(0.9);
}

.tablet .number-2 {
  min-width: 0.98vw;
}

.tablet .boton4-paginacion {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.88vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  margin-left: 0.59vw;
  min-width: 4.3vw;
  padding: 0.68vw 1.66vw;
  transition: all 0.2s ease;
}

.tablet .boton4-paginacion:hover {
  transform: scale(0.9);
}

.tablet .boton5-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.88vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  margin-left: 0.49vw;
  min-width: 4.3vw;
  padding: 1.18vw 1.68vw;
  transition: all 0.2s ease;
}

.tablet .boton5-paginacion-1:hover {
  transform: scale(0.9);
}

.tablet .footer-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 3.91vw;
  height: auto;
  justify-content: flex-start;
  min-height: 23.93vw;
  padding: 1.37vw 9.47vw;
  width: 100%;
}

.tablet .textos-footer-1 {
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 7.13vw;
  justify-content: space-between;
  margin-left: 0.2vw;
  margin-top: 2.34vw;
  width: 38.48vw;
}

.tablet .titulo-footer-1 {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-bold);
  font-size: 1.95vw;
  font-weight: 700;
  height: 2.73vw;
  letter-spacing: 0;
  line-height: 1.95vw;
  margin-right: -0.2vw;
  margin-top: 0.29vw;
  max-height: 2.73vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .descrip-footer-1 {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 3.71vw;
  letter-spacing: 0;
  line-height: 1.37vw;
  margin-bottom: -0.59vw;
  margin-left: 1.27vw;
  margin-right: 1.07vw;
  max-height: 3.71vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .nav-footer-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  min-height: 7.81vw;
  width: 80.66vw;
}

.tablet .linea-footer-1 {
  height: 0.39vw;
  margin-left: 0.15vw;
  margin-top: -0.2vw;
  object-fit: cover;
  width: 80.76vw;
}

.tablet .flex-row-3 {
  align-items: center;
  display: flex;
  min-width: 80.18vw;
}

.tablet .header-logo-3 {
  display: flex;
  height: 6.93vw;
  width: 8.89vw;
}

.tablet .logo {
  flex: 1;
  margin-bottom: 0.1vw;
  object-fit: cover;
  width: 8.89vw;
}

.tablet .inicio-footer-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 0.98vw;
  margin-left: 2.15vw;
  margin-top: 1.07vw;
  min-height: 1.46vw;
  min-width: 3.12vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .inicio-footer-1:hover {
  color: #F9809F
}

.tablet .nosotros-footer-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 0.98vw;
  margin-left: 1.37vw;
  margin-top: 1.07vw;
  min-height: 1.46vw;
  min-width: 5.47vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .nosotros-footer-1:hover {
  color: #F9809F
}

.tablet .productos-footer-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 0.98vw;
  margin-left: 1.37vw;
  margin-top: 1.07vw;
  min-height: 1.46vw;
  min-width: 6.25vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tablet .productos-footer-1:hover {
  color: #F9809F
}

.tablet .derechos-footer-1 {
  color: var(--nobel-2);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 0.98vw;
  margin-left: 16.99vw;
  margin-top: 1.66vw;
  min-height: 1.86vw;
  min-width: 34.57vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .img-producto {
  background-position: 50% 50%;
  background-size: cover;
  height: 15.72vw;
  margin-top: 1.46vw;
  width: 16.6vw;
}

.tablet .linea-producto {
  height: 0.1vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 14.45vw;
}

.tablet .number {
  letter-spacing: 0;
  line-height: 1.46vw;
  min-height: 2.05vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .texto-boton {
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.tablet .textos-producto {
  align-items: flex-end;
  display: flex;
  margin-right: 1.07vw;
  margin-top: 3.03vw;
  min-width: 14.45vw;
}
/* screen - web */

.web {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 256.64vw;
  width: 100%;
}

.web .header {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 0.57vw;
  height: auto;
  justify-content: flex-start;
  min-height: 8.98vw;
  width: 100%;
}

.web .header-contacto {
  background-color: var(--wild-sand);
  height: 2.55vw;
  width: 100%;
}

.web .header-container {
  height: 8.85vw;
  margin-right: 0.04vw;
  position: relative;
  width: 93.44vw;
}

.web .header-logo {
  background-image: url(../img/logo-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 6.2vw;
  left: 42.81vw;
  position: absolute;
  top: 0;
  width: 7.97vw;
}

.web .header-nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  left: 0;
  min-height: 2.66vw;
  position: absolute;
  top: 6.2vw;
  width: 93.44vw;
}

.web .linea-nav {
  height: 0.1vw;
  margin-left: 0;
  object-fit: cover;
  width: 93.44vw;
}

.web .flex-row {
  gap: 2.34vw;
  height: 1.46vw;
  margin-left: 0.14vw;
  min-width: 20.73vw;
}

.web .inicio {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  width: 3.54vw;
}

.web .inicio:hover {
  color: #F9809F
}

.web .nosotros {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  width: 5.94vw;
}

.web .nosotros:hover {
  color: #F9809F
}

.web .productos-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  width: 6.56vw;
}

.web .productos-1:hover {
  color: #F9809F
}

.web .banner-home {
  align-items: center;
  background-color: var(--hawkes-blue);
  display: flex;
  gap: 9.9vw;
  height: 43.65vw;
  justify-content: flex-end;
  margin-top: 1.25vw;
  min-width: 100%;
  padding: 0 4.16vw;
}

.web .home-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 1.25vw;
  min-height: 22.19vw;
  width: 34.27vw;
}

.web .titulos-home {
  align-items: flex-end;
  display: flex;
  height: 9.79vw;
  min-width: 34.27vw;
}

.web .titulo-home-container {
  height: 9.38vw;
  margin-bottom: -0.05vw;
  position: relative;
  width: 34.27vw;
}

.web .subtitulo-home {
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: 3.39vw;
  font-weight: 600;
  left: 0;
  letter-spacing: 0;
  line-height: 4.17vw;
  position: absolute;
  top: 5.21vw;
  white-space: nowrap;
}

.web .titulo-home {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 4.79vw;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 4.9vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.web .span0 {
  color: var(--blue-jeans);
}

.web .texto-home {
  display: flex;
  height: 4.48vw;
  margin-top: 1.72vw;
  width: 27.34vw;
}

.web .texto-home-1 {
  color: var(--shark);
  flex: 1;
  font-family: var(--font-family-fredoka);
  font-size: 1.88vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.88vw;
  margin-bottom: -0.47vw;
  margin-right: -0.1vw;
  margin-top: 0.36vw;
  white-space: nowrap;
  width: 27.34vw;
}

.web .boton-home {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 1.72vw;
  cursor: pointer;
  display: flex;
  height: 3.39vw;
  justify-content: flex-end;
  margin-top: 2.81vw;
  min-width: 11.3vw;
  padding: 0.34vw 2.4vw;
  transition: all 0.3s ease-out;
}

.web .boton-home:hover {
  transform: scale(1.1);
}

.web .texto-boton-1 {
  color: var(--white);
  font-family: var(--font-family-newrubrik-extrabold);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 2.14vw;
  min-width: 6.35vw;
  text-align: center;
  white-space: nowrap;
}

.web .imagen-home {
  align-self: flex-end;
  height: 42.45vw;
  object-fit: cover;
  width: 41.35vw;
}

.web .seccion-nosotros {
  align-items: center;
  display: flex;
  gap: 7.03vw;
  margin-left: 0.36vw;
  margin-top: 4.38vw;
  min-width: 80.05vw;
}

.web .nino {
  display: block;
  height: 37.71vw;
  object-fit: cover;
  opacity: 0;
  transform: translateY(0.52vw);
  width: 33.85vw;
}

.web .nino.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.50s ease-out 0.10s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translateY(0.52vw);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0; transform: translateY(10px);
}
to{opacity: 1; transform: translateY(0);
}
}

.web .noso-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 0.53vw;
  min-height: 34.32vw;
  width: 39.17vw;
}

.web .titulo-nosotros {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 2.6vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.6vw;
  min-height: 3.28vw;
  white-space: nowrap;
}

.web .descrip-nosotros {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-top: 1.04vw;
  min-height: 26.77vw;
  width: 39.17vw;
}

.web .texto-nosostros {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-top: 1.46vw;
  min-height: 1.77vw;
  white-space: nowrap;
}

.web .overlap-group3 {
  height: 154.58vw;
  margin-top: 6.09vw;
  position: relative;
  width: 100%;
}

.web .footer {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 3.23vw;
  height: auto;
  justify-content: flex-start;
  left: 0;
  min-height: 23.49vw;
  padding: 1.93vw 9.48vw;
  position: absolute;
  top: 131.09vw;
  width: 100%;
}

.web .textos-footer {
  align-self: center;
  height: 6.93vw;
  justify-content: space-between;
  margin-left: 0.1vw;
  margin-top: 1.88vw;
  width: 36.88vw;
}

.web .titulo-footer {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-bold);
  font-size: 1.88vw;
  font-weight: 700;
  height: 2.5vw;
  letter-spacing: 0;
  line-height: 1.88vw;
  margin-right: -0.1vw;
  margin-top: 0.26vw;
  max-height: 2.5vw;
  text-align: center;
  white-space: nowrap;
}

.web .descrip-footer {
  color: var(--dove-gray);
  flex: 1;
  font-family: var(--font-family-newrubrik-regular);
  font-size: 1.25vw;
  font-weight: 400;
  height: 3.33vw;
  letter-spacing: 0;
  line-height: 1.25vw;
  margin-bottom: -0.47vw;
  margin-left: 2.08vw;
  margin-right: 1.98vw;
  max-height: 3.33vw;
  text-align: center;
  white-space: nowrap;
}

.web .nav-footer {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.57vw;
  min-height: 7.6vw;
  width: 80.89vw;
}

.web .linea-footer {
  height: 0.21vw;
  margin-top: -0.1vw;
  object-fit: cover;
  width: 80.57vw;
}

.web .flex-row-1 {
  align-items: center;
  display: flex;
  min-width: 80.89vw;
}

.web .header-logo-1 {
  background-image: url(../img/logo@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 6.93vw;
  width: 8.91vw;
}

.web .inicio-footer {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  margin-left: 1.15vw;
  margin-top: 1.2vw;
  min-height: 1.46vw;
  min-width: 3.33vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web .inicio-footer:hover {
  color: #F9809F
}

.web .nosotros-footer {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  margin-left: 2.5vw;
  margin-top: 1.2vw;
  min-height: 1.46vw;
  min-width: 5.83vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web .nosotros-footer:hover {
  color: #F9809F
}

.web .productos-footer {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.04vw;
  margin-left: 2.45vw;
  margin-top: 1.2vw;
  min-height: 1.46vw;
  min-width: 6.46vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web .productos-footer:hover {
  color: #F9809F
}

.web .derechos-footer {
  color: var(--nobel-2);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04vw;
  margin-left: 14.95vw;
  margin-top: 1.51vw;
  min-height: 1.77vw;
  min-width: 35.31vw;
  text-align: center;
  white-space: nowrap;
}

.web .productos-2 {
  align-items: flex-start;
  background-color: var(--pattens-blue);
  display: flex;
  gap: 1.93vw;
  height: 131.09vw;
  justify-content: flex-end;
  left: 0;
  width: 100%;
  padding: 5.7vw 9.74vw;
  position: absolute;
  top: 0;
}

.web .flex-col {
  flex-direction: column;
  gap: 1.56vw;
  margin-top: 12.79vw;
  min-height: 38.96vw;
  width: 18.59vw;
}

.web .seccion-buscador {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 0.36vw;
  display: flex;
  gap: 1.72vw;
  height: 4.17vw;
  width: 18.59vw;
}

.web .adorno1-buscador {
  background-color: var(--tickle-me-pink);
  height: 1.93vw;
  margin-bottom: 1.06vw;
  width: 0.89vw;
}

.web .buscador {
  align-items: center;
  background-color: var(--white);
  border: 0.05vw solid;
  border-color: var(--gallery);
  border-radius: 0.89vw;
  display: flex;
  flex: 1;
  gap: 7.29vw;
  justify-content: flex-end;
  margin-bottom: 1.15vw;
  margin-right: 1.56vw;
  min-width: 14.43vw;
}

.web .textouscar-buscador {
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.94vw;
  margin-top: 0.21vw;
  min-height: 1.25vw;
  min-width: 3.54vw;
  white-space: nowrap;
}

.web .overlap-group1 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 0.0vw 0.78vw 0.78vw 0.0vw;
  display: flex;
  height: 1.77vw;
  justify-content: flex-end;
  min-width: 2.5vw;
  padding: 0.46vw 0.83vw;
}

.web .icono-buscador {
  display: flex;
  height: 0.83vw;
  width: 0.83vw;
}

.web .lupa {
  align-items: flex-start;
  display: flex;
  flex: 1;
  min-width: 0.85vw;
}

.web .buscador-container {
  height: 0.83vw;
  margin-top: 0;
  position: relative;
  width: 0.83vw;
}

.web .elemento1-buscador {
  height: 0.73vw;
  left: 0.1vw;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 0.73vw;
}

.web .elemento2-buscador {
  height: 0.31vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0.52vw;
  width: 0.31vw;
}

.web .seccion-categorias {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 0.36vw;
  display: flex;
  gap: 1.72vw;
  height: 21.15vw;
  min-width: 18.59vw;
  padding: 2.03vw 0;
}

.web .elemento2-categorias {
  background-color: var(--tickle-me-pink);
  height: 1.93vw;
  width: 0.89vw;
}

.web .categor-container {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.08vw;
  min-height: 16.56vw;
  width: 7.24vw;
}

.web .titulo-categorias {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 1.46vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.46vw;
  min-height: 1.88vw;
  white-space: nowrap;
}

.web .categora-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-top: 1.04vw;
  min-height: 1.67vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web .categora-1:hover {
  color: #F9809F
}

.web .categora {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-top: 0.73vw;
  min-height: 1.67vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.web .categora:hover {
  color: #F9809F
}

.web .filtrar-precios {
  align-items: flex-start;
  background-color: var(--hint-of-red);
  border-radius: 0.36vw;
  display: flex;
  gap: 1.72vw;
  height: 10.52vw;
  min-width: 18.59vw;
  padding: 2.03vw 0;
}

.web .adorno3-precios {
  background-color: var(--tickle-me-pink);
  height: 1.93vw;
  width: 0.89vw;
}

.web .flex-col-1 {
  align-items: flex-start;
  align-self: center;
  gap: 2.03vw;
  min-height: 6.35vw;
  width: 13.59vw;
}

.web .titulo-precios {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 1.46vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.46vw;
  min-height: 1.88vw;
  width: 9.38vw;
}

.web .overlap-group1-1 {
  height: 2.45vw;
  position: relative;
  width: 13.59vw;
}

.web .preciofinal-precios {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: 1.15vw;
  font-weight: 400;
  left: 9.58vw;
  letter-spacing: 0;
  line-height: 1.15vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.web .precioinicio-precios {
  color: var(--nobel);
  font-family: var(--font-family-fredoka);
  font-size: 1.15vw;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 1.15vw;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.web .precios-container {
  height: 1.09vw;
  left: 0;
  position: absolute;
  top: 1.35vw;
  width: 13.59vw;
}

.web .barra1-precios {
  background-color: var(--silver);
  border-radius: 0.1vw;
  height: 0.21vw;
  left: 0.57vw;
  position: absolute;
  top: 0.47vw;
  width: 13.02vw;
}

.web .barra2-precios {
  background-color: var(--tickle-me-pink);
  height: 0.21vw;
  left: 0.57vw;
  position: absolute;
  top: 0.47vw;
  width: 9.43vw;
}

.web .boton2-precios {
  background-color: var(--tickle-me-pink);
  border-radius: 0.55vw;
  display: flex;
  height: 1.09vw;
  left: 9.32vw;
  position: absolute;
  top: 0;
  width: 1.09vw;
}

.web .circulo {
  background-color: var(--white);
  border-radius: 0.34vw;
  flex: 1;
  margin-bottom: 0.21vw;
  margin-left: 0.21vw;
  margin-right: 0.21vw;
  margin-top: 0.21vw;
  width: 0.68vw;
}

.web .boton1-precios {
  background-color: var(--tickle-me-pink);
  border-radius: 0.55vw;
  display: flex;
  height: 1.09vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.09vw;
}

.web .flex-col-2 {
  align-items: center;
  min-height: 119.32vw;
  width: 59.84vw;
}

.web .titulo-productos {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 2.6vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.6vw;
  margin-right: 20.52vw;
  min-height: 3.28vw;
  min-width: 12.14vw;
  white-space: nowrap;
}

.web .texto-productos {
  align-self: flex-start;
  color: var(--mountain-mist);
  font-family: var(--font-family-newrubrik-semibold);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-left: 2.76vw;
  margin-top: 1.46vw;
  min-height: 3.44vw;
  min-width: 33.75vw;
  text-align: center;
  white-space: nowrap;
}

.web .cuadriculas-productos {
  align-items: flex-start;
  display: flex;
  gap: 2.03vw;
  height: 98.02vw;
  margin-top: 4.64vw;
  min-width: 59.84vw;
}

.web .productos-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.14vw;
  min-height: 98.02vw;
  width: 18.59vw;
}

.web .productos {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.36vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 31.25vw;
  padding: 2.08vw 1.01vw;
  transition: all 0.2s ease-in-out;
  width: 18.59vw;
}

.web .productos:hover {
  transform: scale(0.9);
}

.web .img-producto {
  background-image: url(../img/img-producto-8@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 15.68vw;
  margin-top: 1.41vw;
  width: 16.56vw;
}

.web .textos-producto {
  align-items: flex-start;
  gap: 0.16vw;
  margin-right: 1.07vw;
  margin-top: 3.75vw;
  min-height: 2.34vw;
  width: 14.43vw;
}

.web .nombre-producto {
  letter-spacing: 0;
  line-height: 1.56vw;
  margin-left: 0.11vw;
  margin-top: 0.16vw;
  min-height: 1.98vw;
  white-space: nowrap;
}

.web .linea-producto {
  height: 0.1vw;
  object-fit: cover;
  width: 14.43vw;
}

.web .boton-producto {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 1.72vw;
  cursor: pointer;
  display: flex;
  height: 2.34vw;
  justify-content: flex-end;
  margin-left: 1.08vw;
  margin-top: 1.56vw;
  min-width: 7.24vw;
  padding: 0.31vw 1.41vw;
  transition: all 0.3s ease-out;
}

.web .boton-producto:hover {
  transform: scale(1.1);
}

.web .texto-boton {
  letter-spacing: 0;
  line-height: 1.04vw;
  min-height: 1.46vw;
  min-width: 4.38vw;
  text-align: center;
  white-space: nowrap;
}

.web .img-producto-1 {
  background-image: url(../img/img-producto-5@1x.png);
}

.web .textos-producto-1 {
  margin-top: 3.59vw;
}

.web .boton-producto-1 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 1.72vw;
  cursor: pointer;
  display: flex;
  height: 2.34vw;
  justify-content: flex-end;
  margin-left: 1.08vw;
  margin-top: 1.72vw;
  min-width: 7.24vw;
  padding: 0.31vw 1.41vw;
  transition: all 0.3s ease-out;
}

.web .boton-producto-1:hover {
  transform: scale(1.1);
}

.web .img-producto-2 {
  background-image: url(../img/img-producto-2@1x.png);
}

.web .img-producto-3 {
  background-image: url(../img/img-producto-7@1x.png);
}

.web .linea-producto-1 {
  height: 0.1vw;
  margin-left: 0;
  object-fit: cover;
  width: 14.43vw;
}

.web .img-producto-4 {
  background-image: url(../img/img-producto-4@1x.png);
}

.web .img-producto-5 {
  background-image: url(../img/img-producto-1@1x.png);
}

.web .img-producto-6 {
  background-image: url(../img/img-producto-6@1x.png);
}

.web .img-producto-7 {
  background-image: url(../img/img-producto-3@1x.png);
}

.web .img-producto-8 {
  background-image: url(../img/img-producto@1x.png);
}

.web .textos-producto-2 {
  margin-top: 3.8vw;
}

.web .boton-producto-2 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 1.72vw;
  cursor: pointer;
  display: flex;
  height: 2.34vw;
  justify-content: flex-end;
  margin-left: 1.08vw;
  margin-top: 1.51vw;
  min-width: 7.24vw;
  padding: 0.31vw 1.41vw;
  transition: all 0.3s ease-out;
}

.web .boton-producto-2:hover {
  transform: scale(1.1);
}

.web .paginacion {
  align-items: flex-start;
  display: flex;
  gap: 0.57vw;
  margin-left: 0.78vw;
  margin-top: 4.48vw;
  min-width: 23.65vw;
}

.web .boton1-paginacion {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  height: 4.01vw;
  min-width: 4.27vw;
  padding: 1.21vw 1.68vw;
  transition: all 0.2s ease;
}

.web .boton1-paginacion:hover {
  transform: scale(0.9);
}

.web .flecha {
  height: 1.61vw;
  object-fit: cover;
  width: 0.89vw;
}

.web .boton2-paginacion {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  height: 4.01vw;
  justify-content: flex-end;
  min-width: 4.27vw;
  padding: 0.78vw 1.72vw;
  transition: all 0.2s ease;
}

.web .boton2-paginacion:hover {
  transform: scale(0.9);
}

.web .number-1 {
  min-width: 0.73vw;
}

.web .boton {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  height: 4.01vw;
  justify-content: flex-end;
  min-width: 4.27vw;
  padding: 0.78vw 1.56vw;
  transition: all 0.2s ease;
}

.web .boton:hover {
  transform: scale(0.9);
}

.web .number {
  min-width: 1.04vw;
}

.web .boton5-paginacion {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  height: 4.01vw;
  min-width: 4.27vw;
  padding: 1.18vw 1.68vw;
  transition: all 0.2s ease;
}

.web .boton5-paginacion:hover {
  transform: scale(0.9);
}

.web .flex {
  align-items: flex-start;
  display: flex;
}

.web .flex-col-3 {
  display: flex;
  flex-direction: column;
}

.web .img-producto-9 {
  background-position: 50% 50%;
  background-size: cover;
  height: 15.68vw;
  margin-top: 1.41vw;
  width: 16.56vw;
}

.web .number-2 {
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 1.98vw;
  text-align: center;
  white-space: nowrap;
}

.web .textos {
  display: flex;
  flex-direction: column;
}

.web .textos-producto-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.16vw;
  margin-right: 1.07vw;
  min-height: 2.34vw;
  width: 14.43vw;
}
@media screen and (max-width: 1023px) {
  .screen.web {
    display: none;
   }
  .screen.tablet {
    display: none;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1919px) {
  .screen.web {
    display: none;
   }
  .screen.index {
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.tablet {
    display: none;
   }
  .screen.index {
    display: none;
   }
}