.app-footer .-part {
  border-top: 1px solid rgba(var(--app-border-header-footer));
}

.app-footer .-part-extended {
  padding-top: 2rem;
  padding-bottom: 2rem;

  display: grid;
  grid-template-columns: 1fr;

  gap: 2rem;

  background-color: rgba(var(--theme-black-100));
  color: rgba(var(--theme-white-90));
}

@media (min-width: 900px) {
  .app-footer .-part-extended {
    grid-template-columns: repeat(3, 1fr);
  }
}

.app-footer .-part-extended .-brand .-logo {
  max-width: 225px;
  margin-bottom: 10px;
}

.app-footer .-part-extended .-brand .-phrase {
  font-style: italic;
  color: rgba(var(--theme-white-90));
}

.app-footer .-part-extended .-topic {
  background-color: inherit;
  font-size: 0.875rem;

  color: rgba(var(--theme-white-50));
}

.app-footer .-part-extended .-topic .-topic-title {
  font-family: "Oxanium", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 1.125rem;

  color: rgba(var(--theme-white-90));
}

.app-footer .-part-extended .-topic.-topic-menu ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.app-footer .-part-extended .-topic.-topic-menu ul a {
  text-decoration: none;
}

.app-footer .-part-extended .-topic.-topic-menu ul a:is(:hover, :active) {
  color: rgba(var(--theme-white-90));
  text-decoration: underline;
}

.app-footer .-part-extended .-topic.-topic-contato ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.app-footer .-part-final {
  padding-top: 1rem;
  padding-bottom: 1rem;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.app-footer .-part-final .-copy {
  flex: 1;

  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  color: rgba(var(--theme-white-90));
}

.app-footer .-part-final .-social-links {
  display: flex;
  align-items: center;

  gap: 1rem;
}