/* ==================================================================
 * Rodapé — "Mapa do site" (menu principal repetido no rodapé)
 * Carregado por footer.php. Sobrescreve as regras antigas de
 * "footer ul#menu-principal-1" em geral.css (que escondiam o 1º item
 * de TODOS os níveis via li:first-child e usavam flex com colunas
 * desiguais). geral.css não precisa ser alterado.
 * ================================================================== */

footer .rodape-menu {
  margin: 0 0 48px;
  padding: 32px;
  background: #00384E;
  border-radius: 8px;
}

footer .rodape-menu-titulo {
  margin: 0 0 24px;
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Lista principal: colunas que se equilibram sozinhas */
footer .rodape-menu ul#menu-principal-1 {
  display: block;
  max-height: none;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 14px;
  column-width: 230px;
  column-gap: 40px;
}

footer .rodape-menu ul#menu-principal-1 li,
footer .rodape-menu ul#menu-principal-1 li:first-child {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* "Início" (1º item de topo) não faz sentido no mapa do site */
footer .rodape-menu ul#menu-principal-1 > li:first-child {
  display: none;
}

footer .rodape-menu ul#menu-principal-1 li a {
  display: inline-block;
  padding: 3px 0;
  border: 0;
  color: rgba(255, 255, 255, .82);
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
}

footer .rodape-menu ul#menu-principal-1 li a:hover,
footer .rodape-menu ul#menu-principal-1 li a:focus-visible {
  color: #FCC521;
  text-decoration: underline;
}

footer .rodape-menu ul#menu-principal-1 ul.sub-menu {
  margin: 0;
  padding: 0;
}

/* Seções (Institucional, Ensino, Ingresso...) */
footer .rodape-menu ul#menu-principal-1 > li {
  margin-bottom: 28px;
}

footer .rodape-menu ul#menu-principal-1 > li > a {
  display: block;
  margin-bottom: 10px;
  padding: 0 0 6px;
  border-bottom: 2px solid #FCC521;
  color: #FCC521;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  break-after: avoid;
}

/* Grupos dentro de uma seção (Sobre a Faculdade, Biblioteca...) */
footer .rodape-menu ul#menu-principal-1 li.grupo {
  margin: 12px 0 4px;
  break-inside: avoid;
}

footer .rodape-menu ul#menu-principal-1 li.grupo > a {
  display: block;
  padding: 0 0 4px;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}

footer .rodape-menu ul#menu-principal-1 li.grupo > ul.sub-menu {
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, .15);
}

/* Links "#" (só rótulos) não parecem clicáveis */
footer .rodape-menu ul#menu-principal-1 a[href="#"] {
  cursor: default;
}
footer .rodape-menu ul#menu-principal-1 li.grupo > a[href="#"]:hover {
  color: #fff;
  text-decoration: none;
}

/* Mobile: sanfona por seção (comportamento em footer.php) */
@media (max-width: 768px) {
  footer .rodape-menu {
    padding: 20px 16px;
  }
  footer .rodape-menu ul#menu-principal-1 {
    column-width: auto;
    column-count: 1;
  }
  footer .rodape-menu ul#menu-principal-1 > li {
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }
  footer .rodape-menu ul#menu-principal-1 > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 14px 0;
    border-bottom: 0;
    cursor: pointer;
  }
  footer .rodape-menu ul#menu-principal-1 > li.menu-item-has-children > a:after {
    content: "\F282"; /* bi-chevron-down */
    font-family: "bootstrap-icons";
    font-size: 14px;
    transition: transform .2s;
  }
  footer .rodape-menu ul#menu-principal-1 > li.rodape-aberto > a:after {
    transform: rotate(180deg);
  }
  footer .rodape-menu ul#menu-principal-1 > li > ul.sub-menu {
    display: none;
    padding-bottom: 14px;
  }
  footer .rodape-menu ul#menu-principal-1 > li.rodape-aberto > ul.sub-menu {
    display: block;
  }
  footer .rodape-menu ul#menu-principal-1 li a {
    padding: 6px 0; /* área de toque maior */
  }
}