/* Footer general */
footer {
  background: var(--dark-blue);
}

footer > .wrap {
  display: flex;
  gap: 20px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  font-weight: 600;
  padding-block: 40px;
}

/* Logo */
footer > .wrap svg {
  height: 30px;
  fill: #fff;
}

/* Enlances */
footer nav {
  display: flex;
  gap: 40px;
  font-size: 14px;
}

footer nav a {
  color: #fff;
  position: relative;
  text-decoration: none;
}

footer nav a:not(:last-child)::after {
  content: "|";
  position: absolute;
  color: var(--gray-blue);
  font-weight: 400;
  transform: translateX(calc(40px / 2));
}

/* Copyright */
footer > .wrap > p {
  color: var(--gray-blue);
  font-size: 12px;
}

/* Ajustes para móvil */
@media screen and (max-width: 520px) {
  /* Enlaces */
  footer nav {
    gap: 10px;
    flex-direction: column;
  }

  footer nav a::after {
    display: none;
  }
}