.home-servicios {
  align-items: center;
  background-color: var(--neutrallight2);
  border: 1px none;
  display: flex;
  flex-direction: column;
  width: 100%;
}



/**********************************   HEADER SHOP   **********************************/
.home-servicios .header-shop {
  background-color: var(--neutrallight2);
  border: 1px none;
  box-shadow: 0 -1px 24px #0000000f;
  min-width: 100%;
  position: fixed;
  z-index: 80;
  display: flex;
  justify-content: center;
}

.home-servicios .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 767px) {
  .home-servicios .flex-col  {
    width: 450px;
  }
}
@media (max-width: 449px) {
  .home-servicios .flex-col  {
    width: 375px;
  }
}
@media (min-width: 768px) {
  .home-servicios .flex-col  {
    width: 768px;
  }
}
@media (min-width: 1200px) {
  .home-servicios .flex-col  {
    width: 1173px;
  }
}

.home-servicios .top-menu-background {
  position: absolute;
  background-color: var(--browndark);
  height: 51px;
  width: 100%;
}

.home-servicios .top-menu {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 8px;
  height: 51px;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .home-servicios .top-menu  {
    justify-content: center;
  }
}

.home-servicios .top-menu-links {
  align-items: start;
  align-self: stretch;
  border: 1px none;
  display: flex;
}

.home-servicios .link {
  align-items: center;
  align-self: stretch;
  border-style: none;
  display: flex;
  gap: 8px;
  padding: 0 16px;
}

.home-servicios .link-1 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: var(--beigemain);
  display: flex;
  gap: 8px;
  padding: 0 16px;
}

.home-servicios .menu-header-link {
  letter-spacing: -0.28px;
  line-height: 15px;
  white-space: nowrap;
  color: var(--neutrallight2);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.home-servicios .link:hover .menu-header-link {
  color: var(--beigemain);
}

.home-servicios .mas-menu-link {
  position: absolute;
  right: 0;
  left: auto;
  background-color: var(--browndark);
}

.home-servicios .mas-menu-link a {
  background-color: var(--browndark);
  height: 30px;
}

.home-servicios .mas-menu-link a:hover {
  background-color: var(--browndark);
}

.home-servicios .top-menu-buttons {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 15px;
}

.home-servicios .correo-electronico-1 {
  height: 18px;
  width: 18px;
}

.home-servicios .bandera_europa {
  height: 51px;
  min-width: 80px;
}

.home-servicios .bandera {
  width: 20px;
  margin-right: 5px;
}

.home-servicios .languajes {
  right: 5px;
  left: auto;
  top: 50px;
  min-width: 60px;
  border-radius: 10px;
}

/**********************************   SEARCH AND USER   **********************************/

.home-servicios .search-and-user {
  align-items: center;
  border: 1px none;
  display: flex;
  justify-content: space-between;

  width: 100%;
  position: relative;
  margin: 26px 0 ;
}

.home-servicios .group-126 {
  width: 100%;
}

.home-servicios .cerd_blue {
  height: 57px;
  width: 159px;
}

.home-servicios .frame-54-2 {
  width: 22px;
  height: 22px;
}

.home-servicios .area-user {
  right: 5px;
  left: auto;
  top: 60px;
  min-width: 250px;
  border-radius: 10px;
}

.home-servicios .area-user > li > a {
  padding: 10px 20px;
}

.home-servicios .user-links {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 24px;
  justify-content: center;
}

.home-servicios .button {
  align-items: center;
  border: 2px none;
  border-radius: 32px;
  display: flex;
  gap: 4px;
  justify-content: center;

  padding: 12px 24px;
}

.home-servicios .frame-54 {
  height: 18px;
  min-width: 18px;
}

.home-servicios .crear-cuenta {
  letter-spacing: -0.32px;
  line-height: 18px;
  margin-top: -2.00px;
  min-width: 107px;
  text-align: center;
  white-space: nowrap;
}

.home-servicios .button:hover .crear-cuenta {
  text-decoration: underline;
}

.home-servicios .button-3 {
  align-items: center;
  background-color: var(--beigemain);
  border: 2px none;
  border-radius: 32px;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 12px 24px;
}

.home-servicios .icon-user {
  height: 18px;
  min-width: 18px;
}

.home-servicios .crear-cuenta-1 {
  letter-spacing: -0.32px;
  line-height: 18px;
  margin-top: -2.00px;
  min-width: 88px;
  text-align: center;
  white-space: nowrap;
}

.home-servicios .button-3:hover .crear-cuenta-1 {
  text-decoration: underline;
}

/**********************************   MINICARRO   **********************************/

@media (max-width: 1199px) {
  #carro_movil {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

    display: flex;
    margin-right: 0;
    gap: 5px;
    height: 39px;
    width: 61px;
  }
}

/**********************************   MENU   **********************************/
.home-servicios .frame-128 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;

  justify-content: space-around;
  height: 57px;
}

.home-servicios .menu_item {
  letter-spacing: -0.32px;
  line-height: 17.5px;
  text-align: center;
  white-space: nowrap;
  width: 182px;
  text-transform: uppercase;
}

/**********************************   MENU MOVIL   **********************************/

@media (min-width: 768px) {
  #accordion .navbar-collapse.collapse {
    display: none !important;
  }
}

@media (min-width: 768px) {
  #accordion .navbar-collapse.collapse.in {
    display: block !important;
  }
}

#accordion .navbar-collapse{
  margin-bottom: 70px;
  overflow-y: visible;
}
@media (min-width: 768px) {
  #accordion .navbar-collapse{
    margin-bottom: 20px;
  }
}

#accordion .menu-desplegable {
  background-color: var(--neutral-light);
  margin: 10px 0;
}

#accordion .menu-desplegable > a {
  padding: 10px !important;
  text-transform: uppercase;
  font-weight: bold;
}

#accordion .menu-desplegable > a > img {
  float: right;
}

#accordion .menu-desplegable a:focus{
  background-color: var(--neutral-light);
}

#accordion .menu-desplegable li {
  margin: 5px 10px;
  padding: 5px;
}

#accordion .menu-desplegable .text_familia {
  margin: 0 5px;
}

/**********************************   MENU MOVIL   **********************************/

.home-servicios .content_page {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 160px;
  width: 100%;
}