/**********************************   MENU CATEGORIAS   **********************************/

.menu-categorias {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  height: 472px;
  padding: 32px;

  background-color: var(--neutral-light);

}
@media (max-width: 1920px) {
  .menu-categorias {
    width: 100%;
  }
}

.menu-categorias .overlap-group1 {
  height: 399px;
  position: relative;
  width: 1171px;
}

.menu-categorias .vector {
  height: 14px;
  left: 1059px;
  position: absolute;
  top: 311px;
  width: 28px;
}

.menu-categorias .frame-6990 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 80px;
  left: 0;
  position: absolute;
  top: 8px;
  width: fit-content;
}

.menu-categorias .frame-6989 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 43px;
  width: fit-content;
}

.menu-categorias .dropdown-submenu-1 {
  align-items: flex-start;
  border-color: var(--neutrallightmid);
  border-right-style: solid;
  border-right-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.menu-categorias .frame-2 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 12px;
  padding: 2px 8px;
  width: 265px;
}

.menu-categorias .icon {
  height: 19px;
  min-width: 19px;
}

.menu-categorias a:hover {
  background-color: var(--neutral-light-mid);
}

.menu-categorias .categoria-menu {
  color: var(--bluemain);
  flex: 1;
  font-weight: 600;
  line-height: 27px;
  margin-top: -1.00px;
}

.menu-categorias .icon-chevron-left {
  height: 13px;
  min-width: 13px;
}

.menu-categorias .frame-6989-1 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  width: fit-content;

  gap: 8px;
  min-width: fit-content;
}

.menu-categorias .mochila-guarderia-mo {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 38.5px;
  margin-top: -1.00px;
  width: fit-content;
}

.menu-categorias .button {
  align-items: center;
  border: 2px none;
  border-radius: 32px;
  display: flex;
  gap: 4px;
  justify-content: center;
  width: fit-content;
  padding: 0;
}

.menu-categorias .crear-cuenta {
  letter-spacing: -0.32px;
  line-height: 17.5px;
  margin-top: -2.00px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.menu-categorias .icon-chevron-right {
  height: 18px;
  min-width: 18px;
}

.menu-categorias .frame-6993 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  left: 530px;
}

.menu-categorias .image-categoria {
  width: 590px;
  height: 330px;
}

.menu-categorias .varios-tipos-de-moch {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 14px;
  width: 511px;
}

.menu-categorias .span {
  font-weight: 300;
  line-height: 19.6px;
}

.menu-categorias .span1 {
  letter-spacing: 0;
  line-height: 21px;
}

/**********************************   MENU PERSONAJES   **********************************/


/**********************************   MENU EDADES   **********************************/

.menu-edades {
  align-items: flex-start;
  background-color: var(--neutralmedium);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 430px;
  padding: 32px;
}

.menu-edades .frame-6994 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 160px;
  width: fit-content;
}

.menu-edades .group-201 {
  height: 156px;
  min-width: 287px;
}

.menu-edades .frame-6990 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 99px;
  width: fit-content;
}

.menu-edades .frame-6990-item {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 52.2px;
  margin-top: -1.00px;
  width: fit-content;
}

.menu-edades .target-menu{
  display: block;
}

.menu-edades .frame-6990-1 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: fit-content;
}

.menu-edades .image-edad {
  width: 590px;
  height: 330px;
}

.menu-edades .todo-tipo-de-product {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 14px;
  width: 587px;
}

.menu-edades a:hover {
  background-color: var(--neutral-light-mid);
}

.menu-edades .span {
  font-weight: 300;
  line-height: 19.6px;
}

.menu-edades .span1 {
  letter-spacing: 0;
  line-height: 21px;
}

.menu-edades .vector {
  align-self: flex-end;
  height: 14px;
  margin-right: 121px;
  width: 28px;
}

/**********************************   MENU NOVEDADES   **********************************/

.menu-novedades {
  align-items: flex-end;
  background-color: var(--neutralmedium);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 430px;
  padding: 32px;
}

.menu-novedades .frame-6995 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 70px;
  width: 1026px;
}

.menu-novedades .group-201 {
  height: 156px;
  min-width: 318px;
  position: relative;
}

.menu-novedades .novedades-recin-llegado-prximamente {
  color: var(--bluemain);
  font-weight: 300;
  left: 0;
  line-height: 52.2px;
  position: absolute;
  top: 0;
}

.menu-novedades .frame-6990 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-right: -15.00px;
  width: fit-content;
}

.menu-novedades .image-novedad {
  width: 590px;
  height: 330px;
}

.menu-novedades .todo-tipo-de-product {
  color: var(--bluemain);
  font-weight: 300;
  line-height: 14px;
  width: 655px;
}

.menu-novedades a:hover {
  background-color: var(--neutral-light-mid);
}

.menu-novedades .span {
  font-weight: 300;
  line-height: 19.6px;
}

.menu-novedades .span1 {
  letter-spacing: 0;
  line-height: 21px;
}

.menu-novedades .vector {
  height: 14px;
  margin-right: 114px;
  width: 28px;
}
