/* CSS MENÚ PRINCIPAL DESKTOP ALDOUS */
.main-menu--desktop {
  height: 75.96px;

  & > li {
    & .dropdown-container {
      cursor: default;
      visibility: hidden;
      opacity: 0;
      padding-block: 50px;
      top: 100%;
      left: 0;
      width: 100%;
      transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
      backdrop-filter: blur(3px);

      & .dropdown-container_links,
      & div[data-section-content] {
        max-height: 420px;

        @media (width > 1400px) {
          max-height: 350px;
        }
      }

      & .dropdown-container_links {
        font-size: 20px;
        padding-left: 0px;
        column-gap: 60px;

        @media (width > 1680px) {
          padding-left: 20px;
        }

        & .dropdown-container_links_link .inactive {
          color: var(--grey-light);
        }
      }

      & .dropdown-container_section {
        & > div {
          display: none;
          column-gap: 1rem;
          row-gap: 13px;

          & .dropdown-container_section_link_span {
            min-width: 250px;
            
            & .inactive {
              color: var(--grey-light);
            }

            &:nth-last-child(2) {
              margin-bottom: 1.5rem;
            }

            &:last-child a[class*='inactive'] {
              color: var(--text-color-light);
            }
          }

          & .dropdown-container_section_link {
            text-decoration: none;
          }
        }
      }

      & .dropdown-container_aside {
        width: 100%;
        height: 300px;
        max-width: 276px;
        background: linear-gradient(#060808, #212721);

        & a {
          & span {
            height: 35%;
          }

          & img {
            width: 100%;
            height: 65%;
            object-position: 80%;
          }
        }
      }
    }

    &:hover {
      background-color: var(--bg-dark-hover);
      
      & .dropdown-container {
        visibility: visible;
        opacity: 1;
      }
    }
  }
}

@media (width > 1200px) {
  .header__logo {
    order: -1;
  }
}