/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 1824.0vw;
  padding: 2.32vw 0;
  width: 100%;
}

.index .header-2 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 0.8vw;
  height: auto;
  justify-content: flex-start;
  margin-left: 0.27vw;
  min-height: 16.8vw;
  width: 80.0vw;
}

.index .header-logo-4 {
  background-image: url(../img/logo-5-1x-png@1x.png);
  height: 10.93vw;
  margin-right: 0.27vw;
  width: 14.13vw;
}

.index .nav-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.33vw;
  min-height: 5.07vw;
  width: 80.0vw;
}

.index .linea-nav-2 {
  height: 0.27vw;
  margin-left: 0;
  object-fit: cover;
  width: 80.0vw;
}

.index .flex-row-4 {
  align-items: center;
  display: flex;
  justify-content: space-around;
  height: 4.53vw;
  width: 80vw;
}

.index .inicio-2 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 3.2vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #6BAED6 !important;
}

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

.index .nosotros-4 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 3.2vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #000000 !important;
}

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

.index .productos-4 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 3.2vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #F9809F !important;
}

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

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

.index .titulos-home {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 24.0vw;
  margin-right: 8.53vw;
  margin-top: 9.33vw;
  min-width: 70.67vw;
}

.index .titulo-home-container {
  height: 22.93vw;
  margin-bottom: -0.4vw;
  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-2 {
  align-self: center;
  display: flex;
  height: 12.27vw;
  margin-right: 4.8vw;
  margin-top: 8.0vw;
  width: 74.4vw;
}

.index .texto-home-3 {
  color: var(--shark);
  flex: 1;
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xs);
  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 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 9.07vw;
  justify-content: flex-end;
  margin-left: 7.73vw;
  margin-top: 2.93vw;
  min-width: 30.93vw;
  padding: 0.8vw 6.93vw;
  transition: all 0.2s ease;
}

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

.index .texto-boton-5 {
  min-width: 16.53vw;
}

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

.index .nosotros-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 0.8vw;
  margin-top: 8.0vw;
  min-height: 169.07vw;
  width: 80.53vw;
}

.index .titulo-nosotros-2 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  margin-right: 0.27vw;
  margin-top: 0.53vw;
  min-height: 6.4vw;
  min-width: 48.53vw;
  white-space: nowrap;
}

.index .noso-container-2 {
  margin-top: 4.93vw;
  margin-left: 8vw;
  width: 80.53vw;
  display: flex;
  flex-direction: column;
}

.index .texto-nosostros-2 {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 20px;
  text-align: center;
}

.index .descrip-nosotros-2 {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  padding: 0 2vw;
}

.index .nino-2 {
  display: block;
  height: 84.0vw;
  margin-right: 0.8vw;
  margin-top: 8vw;
  object-fit: cover;
  opacity: 0;
  transform: translateY(2.67vw);
  width: 75.47vw;
}

.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 .overlap-group2-1 {
  height: auto;
  margin-top: 20.53vw;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

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

.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: 14px;
  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);
  font-family: var(--font-family-newrubrik-medium);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 4.27vw;
  min-height: 4.27vw;
  min-width: 80.0vw;
  text-align: center;
  white-space: nowrap;
}

.index .productos-5 {
  align-items: center;
  background-color: var(--pattens-blue);
  display: flex;
  flex-direction: column;
  min-height: auto;
  height: auto;
  padding: 6.4vw 8.13vw;
  position: relative;
  width: 100%;
  order: 1;
}

.index .titulo-productos-4 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
  min-height: 18.13vw;
  width: 83.2vw;
}

.index .titulo-productos-5 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 6.67vw;
  margin-right: 0;
  margin-top: 0.53vw;
  min-height: 8.53vw;
  min-width: 31.2vw;
  white-space: nowrap;
}

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

.index .cuadrcula-de-repeticin-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5.33vw;
  margin-left: 0.53vw;
  margin-top: 10.4vw;
  min-height: auto;
  width: 79.73vw;
  justify-content: flex-start;
}

.index .producto-item-4 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.87vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 121.87vw;
  padding: 7.2vw 4.24vw;
  transition: all 0.2s ease-in-out;
  width: 79.73vw;
  margin-bottom: 5.33vw;
}

.index .producto-item-4:hover {
  transform: scale(0.9);
}

.index .img-producto-2 {
  align-self: flex-end;
  height: 67.2vw;
  margin-top: 5.07vw;
  object-fit: cover;
  width: 71.2vw;
}

.index .nombre-producto-2 {
  letter-spacing: 0;
  line-height: 6.13vw;
  margin-left: 5.09vw;
  margin-top: 8.8vw;
  min-height: 7.73vw;
  white-space: normal;
  word-wrap: break-word;
  width: 65vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .linea-producto-2 {
  align-self: flex-end;
  height: 0.53vw;
  margin-right: 4.61vw;
  margin-top: 1.6vw;
  object-fit: cover;
  width: 61.87vw;
}

.index .boton-8 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 8.8vw;
  cursor: pointer;
  display: flex;
  height: 10.4vw;
  justify-content: flex-end;
  margin-left: 4.56vw;
  margin-top: 6.13vw;
  min-width: 31.47vw;
  padding: 1.6vw 21.6vw;
  transition: all 0.2s ease;
}

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

.index .texto-boton-4 {
  min-width: 17.07vw;
}

.index .paginacion-3 {
  align-items: flex-start;
  display: flex;
  gap: 1.6vw;
  margin-right: 0;
  margin-top: 2.13vw;
  min-width: 64.53vw;
}

.index .boton1-paginacion-2 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 3.47vw;
  cursor: pointer;
  display: flex;
  height: 10.93vw;
  min-width: 11.73vw;
  padding: 3.31vw 4.59vw;
  transition: all 0.2s ease;
}

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

.index .flecha-2 {
  height: 4.27vw;
  object-fit: cover;
  width: 2.4vw;
}

.index .boton2-paginacion-2 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 3.47vw;
  cursor: pointer;
  display: flex;
  height: 10.93vw;
  justify-content: flex-end;
  min-width: 11.73vw;
  padding: 1.71vw 4.59vw;
  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: 3.47vw;
  cursor: pointer;
  display: flex;
  height: 10.93vw;
  justify-content: flex-end;
  min-width: 11.73vw;
  padding: 1.71vw 3.95vw;
  transition: all 0.2s ease;
}

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

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

.index .boton4-paginacion-1 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 3.47vw;
  cursor: pointer;
  display: flex;
  height: 10.93vw;
  justify-content: flex-end;
  min-width: 11.73vw;
  padding: 1.6vw 3.97vw;
  transition: all 0.2s ease;
}

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

.index .boton5-paginacion-2 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 3.47vw;
  cursor: pointer;
  display: flex;
  height: 10.93vw;
  min-width: 11.73vw;
  padding: 3.23vw 4.59vw;
  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: 18.13vw;
  margin-top: 18.67vw;
  width: 80.27vw;
}

.index .adorno1-buscador-3 {
  display: flex;
  height: 8.0vw;
  margin-bottom: 5vw;
  width: 3.73vw;
}

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

.index .buscador-3 {
  background-color: var(--white);
  border: 0.27vw solid;
  border-color: var(--gallery);
  border-radius: 4.53vw;
  display: flex;
  flex: 1;
  height: 7.73vw;
  justify-content: space-between;
  margin-bottom: 5vw;
  margin-right: 6.67vw;
  width: 62.67vw;
}

.index .textouscar-buscador-2 {
  background-color: transparent;
  border: 0;
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: 3.73vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.73vw;
  margin-bottom: 1.33vw;
  margin-left: 5.07vw;
  margin-top: 1.33vw;
  padding: 0;
  white-space: nowrap;
  width: 14.13vw;
}

.index .textouscar-buscador-2::placeholder {
  color: #dddddd99;
}

.index .boton-9 {
  align-items: flex-start;
  background-color: var(--tickle-me-pink);
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  min-width: 11.2vw;
  border-radius: 0 20px 20px 0;
  padding: 2.0vw 3.76vw;
}

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

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

.index .buscador-container-2 {
  height: 3.73vw;
  margin-top: 0;
  position: relative;
  width: 3.73vw;
}

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

.index .elemento2-buscador-2 {
  height: 1.33vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2.4vw;
  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: 91.73vw;
  margin-top: 6.4vw;
  min-width: 80.27vw;
  padding: 8.8vw 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.index .texto-boton {
  letter-spacing: 0;
  line-height: 4.0vw;
  min-height: 5.6vw;
  text-align: center;
  white-space: nowrap;
}

.index .paginacion-3 .disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .index .producto-item-4 {
    width: 22.5vw;
  }
}
/* screen - tablet */

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

.tablet .header-1 {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: 16.5vw;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.3vw;
  width: 84.38vw;
}

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

.tablet .nav-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.15vw;
  min-height: 4.92vw;
  width: 100%;
}

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

.tablet .flex-row-2 {
  align-items: center;
  display: flex;
  height: 2.73vw;
  justify-content: space-around;
  width: 50vw;
}

.tablet .inicio-1 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.73vw;
  text-align: center;
  transition: all 0.2s ease;
  color: #6BAED6 !important;
}

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

.tablet .nosotros-2 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.73vw;
  text-align: center;
  transition: all 0.2s ease;
  color: #000000 !important;
}

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

.tablet .productos-2 {
  cursor: pointer;
  display: inline-block !important;
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.73vw;
  text-align: center;
  transition: all 0.2s ease;
  color: #F9809F !important;
}

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

.tablet .banner-1 {
  align-items: center;
  background-color: var(--hawkes-blue);
  display: flex;
  gap: 10.45vw;
  height: 43.65vw;
  justify-content: flex-end;
  margin-top: 1.08vw;
  min-width: 100%;
  padding: 0 4.13vw;
}

.tablet .flex-col-4 {
  align-items: flex-start;
  margin-top: 0.92vw;
  min-height: 22.46vw;
  width: 34.08vw;
}

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

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

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

.tablet .texto-home-1 {
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.76vw;
  margin-left: 0.39vw;
  margin-top: 2.05vw;
  min-height: 4.49vw;
  white-space: nowrap;
}

.tablet .boton-6 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  cursor: pointer;
  display: flex;
  height: 3.42vw;
  margin-left: 0.39vw;
  margin-top: 2.44vw;
  min-width: 11.23vw;
  padding: 0.45vw 2.5vw;
  transition: all 0.2s ease;
}

.tablet .boton-6:hover {
  transform: scale(0.9);
}

.tablet .texto-boton-3 {
  line-height: 1.46vw;
  min-height: 2.05vw;
  min-width: 6.05vw;
}

.tablet .imagen-home-1 {
  align-self: flex-end;
  height: 42.48vw;
  margin-bottom: -0.02vw;
  object-fit: cover;
  width: 41.41vw;
}

.tablet .nosotros-3 {
  align-items: flex-start;
  display: flex;
  gap: 7.62vw;
  justify-content: flex-end;
  margin-left: 0.2vw;
  margin-top: 6.15vw;
  min-width: 82.32vw;
}

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

.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.48vw;
  min-height: 36.91vw;
  width: 38.38vw;
}

.tablet .titulo-nosotros-1 {
  color: var(--blue-whale);
  font-family: var(--font-family-fredoka);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin-left: 0.02vw;
  min-height: 3.32vw;
  white-space: nowrap;
}

.tablet .descrip-nosotros-1 {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7;
  margin-top: 4.59vw;
  min-height: 26.76vw;
}

.tablet .texto-nosostros-1 {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 0.39vw;
  min-height: 1.86vw;
  white-space: nowrap;
}

.tablet .productos-3 {
  align-items: stretch;
  background-color: var(--pattens-blue);
  display: flex;
  gap: 2.93vw;
  height: auto;
  justify-content: flex-end;
  margin-right: 0.1vw;
  margin-top: 4.98vw;
  min-width: 100.1vw;
  padding: 6.11vw 9.86vw;
}

.tablet .seccion-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.46vw;
  margin-top: 12.44vw;
  min-height: 26.86vw;
  width: 18.55vw;
}

.tablet .seccion-buscador-1 {
  align-items: flex-end;
  background-color: var(--hint-of-red);
  border-radius: 0.68vw;
  display: flex;
  gap: 1.66vw;
  height: 4.2vw;
  width: 18.55vw;
}

.tablet .adorno1-buscador-1 {
  display: flex;
  height: 1.86vw;
  margin-bottom: 1.07vw;
  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 .buscador-2 {
  background-color: var(--white);
  border: 0.1vw solid;
  border-color: var(--gallery);
  border-radius: 1.66vw;
  display: flex;
  flex: 1;
  height: 1.76vw;
  justify-content: space-between;
  margin-bottom: 1.16vw;
  margin-right: 1.56vw;
  width: 14.45vw;
}

.tablet .textouscar-buscador-1 {
  background-color: transparent;
  border: 0;
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: 0.88vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.88vw;
  margin-bottom: 0.2vw;
  margin-left: 1.17vw;
  margin-top: 0.29vw;
  padding: 0;
  white-space: nowrap;
  width: 3.42vw;
}

.tablet .textouscar-buscador-1::placeholder {
  color: #dddddd99;
}

.tablet .boton-7 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  border-radius: 0 20px 20px 0;
  min-width: 2.54vw;
  padding: 0.45vw 0.84vw;
}

.tablet .icono-buscador-1 {
  display: flex;
  height: 0.88vw;
  width: 0.88vw;
}

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

.tablet .buscador-container-1 {
  height: 0.88vw;
  margin-top: 0;
  position: relative;
  width: 0.88vw;
}

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

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

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

.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-top: 0;
  min-height: 16.8vw;
  width: 6.93vw;
}

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

.tablet .categora-1-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 1.27vw;
  margin-top: 0.5vw;
  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.68vw;
  min-height: 1.76vw;
  transition: all 0.2s ease;
  white-space: nowrap;
}

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

.tablet .categora-5 {
  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-5:hover {
  color: #F9809F
}

.tablet .flex-col-5 {
  align-items: center;
  align-self: flex-start;
  width: 58.89vw;
}

.tablet .titulo-productos-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  margin-right: 3.42vw;
  min-height: auto;
  width: 30.47vw;
  margin-top: -3.5vw;
  margin-bottom: 2.5vw;
}

.tablet .titulo-productos-3 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin-left: 2.66vw;
  margin-top: 0.2vw;
  min-height: 3.12vw;
  min-width: 11.43vw;
  white-space: nowrap;
}

.tablet .texto-productos-1 {
  color: var(--mountain-mist);
  font-family: var(--font-family-newrubrik-semibold);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
  min-height: 3.12vw;
  min-width: 30.47vw;
  text-align: center;
  white-space: nowrap;
}

.tablet .productos-item-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.8vw;
  margin-top: 0;
  min-height: auto;
  width: 58.89vw;
  justify-content: flex-start; /* Cambio a flex-start para asegurar el alineamiento */
}

.tablet .producto-item-tablet {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 31.25vw;
  padding: 2.05vw 0.8vw; /* Reducido el padding */
  transition: all 0.2s ease-in-out;
  width: 18.5vw; /* Ajustado para que sean exactamente 3 productos por fila */
  position: relative;
  box-sizing: border-box; /* Asegurar que el padding no afecte el ancho */
}

.tablet .producto-item-tablet:hover {
  transform: scale(0.9);
}

.tablet .img-producto-1 {
  height: 15.72vw;
  margin-top: 1.46vw;
  object-fit: cover;
  width: 16.6vw;
}

.tablet .producto-container {
  height: 4.5vw; /* Aumentado para dar espacio a la categoría */
  margin-right: 1.08vw;
  margin-top: 2.5vw;
  position: relative;
  width: 14.45vw;
}

.tablet .nombre-producto-1 {
  left: 0.1vw;
  letter-spacing: 0;
  line-height: 1.46vw;
  position: absolute;
  top: 0;
  white-space: normal;
  word-wrap: break-word;
  width: 14vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tablet .categoria-producto-tablet {
  color: var(--quick-silver);
  font-family: var(--font-family-fredoka);
  font-size: 0.85vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.0vw;
  white-space: nowrap;
  position: absolute;
  left: 0.1vw;
  top: 1.7vw;
}

.tablet .linea-producto-1 {
  height: 0.2vw;
  margin-top: 0.5vw;
  object-fit: cover;
  width: 14.45vw;
}

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

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

.tablet .paginacion-tablet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.tablet .x01 {
  align-items: flex-start;
  display: flex;
  height: 31.25vw;
  margin-top: -0.78vw;
  min-width: 58.69vw;
}

.tablet .bootn {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  cursor: pointer;
  display: flex;
  height: 2.44vw;
  justify-content: flex-end;
  margin-left: 1.09vw;
  margin-top: 1.37vw;
  min-width: 7.32vw;
  padding: 0.24vw 1.46vw;
  transition: all 0.2s ease;
}

.tablet .bootn:hover {
  transform: scale(0.9);
}

.tablet .texto-boton-2 {
  line-height: 0.98vw;
  min-height: 1.46vw;
  min-width: 4.1vw;
}

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

.tablet .producto-item-2:hover {
  transform: scale(0.9);
}

.tablet .boton-5 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--tickle-me-pink);
  border-radius: 3.22vw;
  cursor: pointer;
  display: flex;
  height: 2.44vw;
  justify-content: flex-end;
  margin-left: 1.09vw;
  margin-top: 1.37vw;
  min-width: 7.32vw;
  padding: 0.24vw 1.46vw;
  transition: all 0.2s ease;
}

.tablet .boton-5:hover {
  transform: scale(0.9);
}

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

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

.tablet .productos-item-item-1 {
  align-items: flex-start;
  display: flex;
  height: 31.25vw;
  min-width: 58.69vw;
}

.tablet .paginacion-2 {
  align-items: flex-start;
  display: flex;
  gap: 0.59vw;
  margin-right: 0.1vw;
  margin-top: 4.79vw;
  min-width: 100%;
}

.tablet .boton1-paginacion-1 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.27vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  min-width: 4.3vw;
  padding: 1.21vw 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: 1.27vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  justify-content: flex-end;
  min-width: 4.3vw;
  padding: 0.62vw 1.68vw;
  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: 1.27vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  justify-content: flex-end;
  min-width: 4.3vw;
  padding: 0.62vw 1.45vw;
  transition: all 0.2s ease;
}

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

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

.tablet .boton4-paginacion {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 1.27vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  justify-content: flex-end;
  min-width: 4.3vw;
  padding: 0.59vw 1.46vw;
  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: 1.27vw;
  cursor: pointer;
  display: flex;
  height: 4.0vw;
  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;
  margin-top: 1.07vw;
  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: var(--font-size-s);
  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: 1.37vw;
  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);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-xxxs);
  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 .flex-col {
  display: flex;
  flex-direction: column;
}

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

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

.tablet .paginacion-2 .disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .tablet .producto-item-tablet {
    width: 18.5vw; /* Mantener el mismo ancho en todos los dispositivos */
  }
}
/* screen - web */

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

.web .header {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  margin-right: 0.04vw;
  margin-top: 2.03vw;
  min-width: 93.44vw;
  width: auto;
}

.web .overlap-group2 {
  height: 8.85vw;
  position: relative;
  width: 93.44vw;
}

.web .nav {
  align-items: center;
  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 {
  align-items: flex-start;
  display: flex;
  gap: 10vw;
  height: 1.46vw;
  justify-content: center;
  min-width: 40vw;
}

.web .inicio {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #6BAED6 !important;
}

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

.web .nosotros {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #000000 !important;
}

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

.web .productos {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 1.46vw;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  color: #F9809F !important;
}

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

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

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

.web .flex-col {
  flex-direction: column;
  margin-top: 0.99vw;
  min-height: 22.45vw;
  width: 34.69vw;
}

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

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

.web .subtitulo-home {
  align-self: flex-end;
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: 3.39vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 4.17vw;
  min-width: 34.27vw;
  white-space: nowrap;
}

.web .texto-home {
  color: var(--shark);
  font-family: var(--font-family-fredoka);
  font-size: 1.88vw;
  font-weight: 500;
  line-height: 1.88vw;
  margin-left: 0.42vw;
  margin-top: 2.03vw;
  min-height: 4.58vw;
}

.web .boton-3 {
  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-left: 0.42vw;
  margin-top: 2.34vw;
  min-width: 11.3vw;
  padding: 0.34vw 2.4vw;
  transition: all 0.2s ease;
}

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

.web .texto-boton-1 {
  color: var(--white);
  font-family: var(--font-family-newrubrik-extrabold);
  font-size: 1.56vw;
  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 .nosotros-1 {
  align-items: center;
  display: flex;
  gap: 7.03vw;
  margin-right: 0.1vw;
  margin-top: 4.9vw;
  min-width: 80.1vw;
}

.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 .flex-col-1 {
  align-items: flex-start;
  gap: 3.96vw;
  margin-top: 0.53vw;
  min-height: 34.32vw;
  width: 39.22vw;
}

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

.web .noso-container {
  min-height: 27.08vw;
  height: auto;
  width: 39.22vw;
  display: flex;
  flex-direction: column;
}

.web .texto-nosostros {
  color: var(--blue-jeans);
  font-family: var(--font-family-newrubrik-bold);
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2vw;
  order: 2;
}

.web .descrip-nosotros {
  color: var(--celeste);
  font-family: var(--font-family-newrubrik-medium);
  font-size: 1.15vw;
  font-weight: 500;
  line-height: 1.8;
  order: 1;
}

.web .overlap-group3 {
  min-height: 154.38vw;
  height: auto;
  margin-left: 0.21vw;
  margin-top: 3vw;
  position: relative;
  width: 100.21vw;
  display: flex;
  flex-direction: column;
  clear: both;
}

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

.web .textos-footer {
  align-self: center;
  display: flex;
  flex-direction: column;
  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;
  line-height: 1.25vw;
  margin-bottom: -0.47vw;
  margin-left: 2.08vw;
  margin-right: 1.98vw;
  max-height: 3.33vw;
  text-align: center;
}

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

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

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

.web .header-logo-1 {
  height: 6.93vw;
  width: 8.91vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web .header-logo-1 img {
  width: 100%;
  height: auto;
}

.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);
  font-family: var(--font-family-newrubrik-medium);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04vw;
  margin-left: 14.9vw;
  margin-top: 1.51vw;
  min-height: 1.77vw;
  min-width: 35.31vw;
  text-align: center;
  white-space: nowrap;
}

.web .productos-1 {
  align-items: flex-start;
  background-color: var(--pattens-blue);
  display: flex;
  gap: 2.71vw;
  min-height: 131.09vw;
  height: auto;
  min-width: 100%;
  padding: 5.94vw 9.69vw;
  position: relative;
  order: 1;
  z-index: 2;
}

.web .flex-col-2 {
  align-items: flex-start;
  gap: 1.56vw;
  margin-top: 12.34vw;
  min-height: 26.88vw;
  width: 18.59vw;
}

.web .buscador {
  display: flex;
  height: 4.17vw;
  width: 18.59vw;
}

.web .seccion-buscador {
  align-items: flex-end;
  width: 18.59vw;
}

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

.web .buscador-1 {
  background-color: var(--white);
  border: 0.05vw solid;
  border-color: var(--gallery);
  border-radius: 0.89vw;
  display: flex;
  flex: 1;
  height: 1.77vw;
  justify-content: space-between;
  margin-bottom: 1.15vw;
  margin-right: 1.56vw;
  width: 14.43vw;
}

.web .textouscar-buscador {
  background-color: transparent;
  border: 0;
  color: var(--alto);
  font-family: var(--font-family-fredoka);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.94vw;
  margin-bottom: 0.21vw;
  margin-left: 1.15vw;
  margin-top: 0.31vw;
  padding: 0;
  white-space: nowrap;
  width: 3.54vw;
}

.web .textouscar-buscador::placeholder {
  color: #dddddd99;
}

.web .boton-4 {
  align-items: flex-end;
  background-color: var(--tickle-me-pink);
  display: flex;
  justify-content: flex-end;
  min-width: 2.5vw;
  padding: 0.46vw 0.83vw;
  border-radius: 0 20px 20px 0;
}

.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 .categorias {
  display: flex;
  height: 21.15vw;
  width: 18.59vw;
}

.web .seccion-categorias {
  align-items: flex-start;
  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: 0.5vw;
  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 .flex-col-3 {
  align-items: center;
  min-height: 118.85vw;
  width: 58.91vw;
}

.web .titulo-productos {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.46vw;
  margin-left: 0.16vw;
  min-height: 7.97vw;
  width: 33.75vw;
}

.web .titulo-productos-1 {
  color: var(--tickle-me-pink);
  font-family: var(--font-family-fredoka);
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin-left: 0.05vw;
  margin-top: 0.31vw;
  min-height: 3.28vw;
  min-width: 12.14vw;
  white-space: nowrap;
}

.web .texto-productos {
  color: var(--mountain-mist);
  font-family: var(--font-family-newrubrik-semibold);
  font-size: 32px !important;
  font-weight: 600;
  line-height: 1.6 !important;
  min-height: 3.44vw;
  min-width: 33.75vw;
  text-align: center;
}

.web .lista-productos {
  display: flex;
  height: 96.3vw;
  margin-top: 4.38vw;
  width: 58.91vw;
}

.web .productos-item {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.56vw;
  min-height: 100%;
  width: 58.91vw;
  justify-content: flex-start;
}

.web .productos-item-item {
  display: none; /* Ya no usamos este contenedor */
}

.web .producto-item {
  align-items: flex-start;
  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 .producto-item:hover {
  transform: scale(0.9);
}

.web .img-producto {
  align-self: flex-end;
  height: 15.68vw;
  margin-top: 1.41vw;
  object-fit: cover;
  width: 16.56vw;
}

.web .nombre-producto {
  letter-spacing: 0;
  line-height: 1.56vw;
  margin-left: 1.18vw;
  margin-top: 3.91vw;
  min-height: 1.98vw;
  white-space: normal;
  word-wrap: break-word;
  width: 16vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.web .linea-producto {
  align-self: flex-end;
  height: 0.1vw;
  margin-right: 1.07vw;
  margin-top: 0.16vw;
  object-fit: cover;
  width: 14.43vw;
}

.web .boton {
  align-items: flex-end;
  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.2s ease;
}

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

.web .texto-boton {
  line-height: 1.04vw;
  min-height: 1.46vw;
  min-width: 4.38vw;
  text-align: center;
}

.web .boton-1 {
  align-items: flex-end;
  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.2s ease-in-out;
}

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

.web .paginacion {
  display: flex;
  height: 4.01vw;
  margin-left: 0.14vw;
  margin-top: 9.5vw;
  width: 100%;
}

.web .paginacion-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  gap: 0.57vw;
  margin-right: 0;
  min-width: 100%;
}

.web .boton1-paginacion {
  align-items: center;
  background-color: var(--white);
  border-radius: 0.68vw;
  cursor: pointer;
  display: flex;
  height: 4.01vw;
  min-width: 4.27vw;
  padding: 0 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-2 {
  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-2: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 .descrip {
  letter-spacing: 0;
  white-space: nowrap;
}

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

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

.web .nav-1 {
  display: flex;
  flex-direction: column;
}

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

.web .seccion {
  background-color: var(--hint-of-red);
  border-radius: 0.36vw;
  display: flex;
  flex: 1;
  gap: 1.72vw;
}

.web .texto {
  letter-spacing: 0;
  white-space: nowrap;
}

.categoria-activa {
  color: var(--tickle-me-pink) !important;
  font-weight: 600 !important;
}

@media screen and (max-width: 767px) {
  .screen.web {
    display: none;
   }
  .screen.tablet {
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.web {
    display: none;
   }
  .screen.index {
    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;
   }
}

/* Estilos para categorías de productos - Versión Desktop */
.web .categoria-producto {
  color: var(--quick-silver);
  font-family: var(--font-family-fredoka);
  font-size: 1.0vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3vw;
  margin-left: 1.18vw;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
  white-space: nowrap;
}

/* Estilos para categorías de productos - Versión Tablet */
.tablet .categoria-producto-tablet {
  color: var(--quick-silver);
  font-family: var(--font-family-fredoka);
  font-size: 0.85vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.0vw;
  margin-top: 0.3vw;
  margin-bottom: 0.3vw;
  white-space: nowrap;
  position: absolute;
  left: 0.1vw;
  top: 1.5vw;
}

/* Estilos para categorías de productos - Versión Móvil */
.index .categoria-producto-mobile {
  color: var(--quick-silver);
  font-family: var(--font-family-fredoka);
  font-size: 4.0vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 4.5vw;
  margin-left: 5.09vw;
  margin-top: 1.0vw;
  margin-bottom: 1.0vw;
  white-space: nowrap;
}