/* ============================================================
   GRUPO TITTO — estilos da navegação cruzada (drawer + rodapé)
   Depende de tokens.css
   ============================================================ */

/* ---------- bloco no drawer ---------- */
.gnav-menu {
  padding-top: 1.4rem;
  border-top: 1px solid var(--hairline);
}
.gnav-menu__label {
  color: var(--acento);
  margin-bottom: 0.8rem;
}
.gnav-menu__list { display: grid; gap: 0.45rem; list-style: none; margin: 0; padding: 0; }
.gnav-menu__item {
  display: flex;
  align-items: baseline;
  gap: 0.7rem;
  font-size: 0.72rem;
}
.gnav-menu__cod { color: var(--cor, var(--aco)); font-size: 0.62rem; }
.gnav-menu__nome { color: var(--aco); letter-spacing: 0.08em; transition: color 0.25s; }
a.gnav-menu__nome:hover { color: var(--cor, var(--branco)); }
.gnav-menu__item.is-atual .gnav-menu__nome { color: var(--branco); }
.gnav-menu__nome em { font-style: normal; color: var(--cor, var(--acento)); font-size: 0.6rem; }
.gnav-menu__nome.is-breve { opacity: 0.55; }
.gnav-menu__nome.is-breve em { color: var(--aco); }

/* ---------- faixa do grupo no rodapé ---------- */
.gnav-footer {
  padding: 1.6rem 0 1.8rem;
  border-bottom: 1px solid var(--hairline);
  margin-bottom: 1.4rem;
}
.gnav-footer__label {
  color: var(--aco);
  font-size: 0.6rem;
  margin-bottom: 1.3rem;
}
.gnav-footer__list {
  display: grid;
  gap: 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.gnav-footer__list a,
.gnav-footer__aqui {
  display: grid;
  gap: 0.3rem;
  text-decoration: none;
  color: inherit;
}
.gnav-footer__traco {
  display: block;
  width: 34px;
  height: 3px;
  background: var(--cor, var(--aco));
  margin-bottom: 0.35rem;
  transform-origin: left center;
  transition: transform 0.3s ease;
}
.gnav-footer__list a:hover .gnav-footer__traco { transform: scaleX(1.6); }
.gnav-footer__nome {
  font-family: var(--font-display);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.gnav-footer__list a:hover .gnav-footer__nome { color: var(--cor, var(--branco)); }
.gnav-footer__desc { color: var(--aco); font-size: 0.58rem; }

@media (min-width: 768px) {
  .gnav-footer__list { grid-template-columns: repeat(5, 1fr); gap: 1.5rem; }
}