.menu__submenu__item--hover() {
  background-color: @on-accent-color;
  color: @primary-color;
}

.submenu__menu__item() {
  height: auto !important;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

// fin funciones para reutilizar estilos
.ant-layout,
.ant-drawer {
  &.drawer__container .ant-drawer-content-wrapper {
    max-width: 350px;
    width: 100%;
    .ant-drawer-body {
      background-color: @principal-color;
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  .ant-drawer-body li.ant-menu-submenu ul.ant-menu-sub li.ant-menu-item {
    .submenu__menu__item();
  }
}

.ant-menu-dark {
  .ant-menu-item-selected {
    color: @on-accent-color;
  }

  &.ant-menu-submenu {
    top: 50px;
  }

  &.ant-menu-submenu,
  .ant-menu-submenu {
    &.ant-menu-submenu-popup > ul.ant-menu {
      border-radius: 0 0 8px 8px;

      li.ant-menu-item {
        .submenu__menu__item();
      }
    }
    & > ul.ant-menu-sub {
      li.ant-menu-item {
        .transition-config();
        &:hover {
          .menu__submenu__item--hover();
        }
      }
    }
  }
  .ant-menu-submenu.ant-menu-submenu-selected {
    font-weight: 700 !important;
    :hover {
      color: @principal-color;
    }
    color: @principal-color;
  }
  & > li.ant-menu-item,
  & > li.ant-menu-submenu > .ant-menu-submenu-title {
    text-underline-offset: 6px;
    text-decoration: underline;
    text-decoration-color: transparent;
    .transition-config();
    .ant-menu-title-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .ant-menu-submenu-arrow {
      display: none;
    }
    .arrow--up {
      font-weight: 200;
    }
    &:hover {
      text-decoration-color: @on-accent-color;
    }
  }
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: transparent;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: transparent;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  color: @on-accent-color;
  background-color: transparent;
}

.ant-carousel .slick-dots li {
  background: @white;
}

.ant-carousel .slick-dots li.slick-active {
  background: @principal-color;
}

.ant-carousel .slick-dots li.slick-active button {
  background: @principal-color;
}

.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  background: @principal-color;
  opacity: 1;
}

.ant-form-item-explain-error {
  display: none;
}

// Estilos Navegacion

.navbar {
  &__logo {
    filter: brightness(100);
  }
}

// Estilos Contenedores

.wrapper {
  &__container {
    display: flex;
    flex-direction: column;
  }

  &__container {
    margin-top: @menu-height;
    min-height: calc(100vh - @menu-height);
  }

  &__container {
    background-color: @white;
  }
}

// Estilos Home - Page

.wrapper {
  &__content {
    padding: 0 @paddings-container;
    width: 100%;

    &--horizontal,
    &--round {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    &--radio {
      display: flex;
      justify-content: space-between;
    }

    @media screen and (min-width: @screen-xl) {
      &--horizontal,
      &--round {
        padding-top: 56px;
        padding-bottom: 56px;
      }
    }

    @media screen and (min-width: @screen-xxl) {
      width: @content--max-width;
      margin: 0 auto;
    }
  }
}