/* LaranSys v6.0.28 HF1 - Header Modulos Routing Fix
   Mantem o mega menu aprovado e separa:
   - clique no texto "Modulos" -> /modulos
   - clique na seta -> abre/fecha o mega menu
*/

.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__split {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 4px 10px 13px;
  border: 0;
  border-radius: 999px 0 0 999px;
  color: #e8efe9 !important;
  background: transparent !important;
  font: inherit;
  font-size: 13px;
  line-height: 1;
  font-weight: 760 !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  white-space: nowrap;
}

.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle.ls-nav-v609__trigger {
  width: 34px !important;
  min-width: 34px !important;
  min-height: 40px !important;
  padding: 0 9px 0 5px !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle::before,
.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle::after {
  display: none !important;
  content: none !important;
}

.ls-header-v609 .ls-nav-v609__item--modules:hover .ls-nav-v628hf1__split,
.ls-header-v609 .ls-nav-v609__item--modules:focus-within .ls-nav-v628hf1__split,
.ls-header-v609 .ls-nav-v609__item--modules[data-open="true"] .ls-nav-v628hf1__split,
.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link.is-active {
  border-color: rgba(199,237,54,.12);
  background: rgba(199,237,54,.07);
}

.ls-header-v609 .ls-nav-v609__item--modules:hover .ls-nav-v628hf1__link,
.ls-header-v609 .ls-nav-v609__item--modules:focus-within .ls-nav-v628hf1__link,
.ls-header-v609 .ls-nav-v609__item--modules[data-open="true"] .ls-nav-v628hf1__link,
.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link.is-active {
  color: #fff !important;
}

.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link.is-active::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 3px;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ls609-green, #78a92d), var(--ls609-lime, #c7ed36));
  box-shadow: 0 0 12px rgba(199,237,54,.48);
}

.ls-header-v609 .ls-nav-v609__item--modules[data-open="true"] .ls-nav-v628hf1__toggle .ls-nav-v609__chevron {
  transform: rotate(180deg);
  opacity: 1;
}

/* A entrada "Explorar todos os modulos" fica mais evidente como rota principal. */
.ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v609__mega-all[href*="/modulos"] {
  border-color: rgba(199,237,54,.18);
  background: rgba(199,237,54,.045);
}

@media (max-width: 1180px) and (min-width: 981px) {
  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link {
    padding-left: 9px;
    font-size: 12px;
  }

  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle.ls-nav-v609__trigger {
    width: 29px !important;
    min-width: 29px !important;
    padding-left: 3px !important;
    padding-right: 7px !important;
  }
}

@media (max-width: 980px) {
  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__split {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 48px;
    min-height: 46px;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.026) !important;
  }

  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link {
    width: 100%;
    min-height: 44px;
    justify-content: flex-start;
    padding: 12px 14px !important;
    border-radius: 13px 0 0 13px;
    font-size: 13px !important;
  }

  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle.ls-nav-v609__trigger {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 44px !important;
    justify-content: center !important;
    padding: 0 !important;
    border-left: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 0 13px 13px 0 !important;
  }

  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link.is-active::after {
    left: 14px;
    right: auto;
    width: 42px;
    bottom: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__split,
  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__link,
  .ls-header-v609 .ls-nav-v609__item--modules .ls-nav-v628hf1__toggle {
    transition: none !important;
  }
}
