/* ====================
    * MENÚ PRINCIPAL *
==================== */
main {
  width: 100%;
  height: max-content;
  padding-left: var(--ui-sidebar-width);
  transition: padding 0.5s ease;
}

.container-full {
  max-width: 100%;
  width: 100%;
  padding: var(--spacing-5);
}

.header-navigation {
  margin-bottom: var(--spacing-4);
}

.text-link {
  text-decoration: none;
  position: relative;
  /* text-underline-offset: 3px; */ /* Espacio entre el texto y la linea */

  &::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: var(--primary-bg-color);

    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-out;
  }
  &:hover::after {
    transform: scaleX(1);
  }
}

@media (max-width: 64rem /* 1024px */) {
  main {
    padding-left: 0px;
  }
}