.footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  background-color: rgb(69, 96, 185);
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: white;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 80%;
  align-items: center;
}

.footer-container .redes-footer div a {
  display: flex;
  border-radius: 9999%;
  width: 20px;
  height: 21px;
  padding: 35px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
.footer-container {
  flex-direction: column;
}

.footer-container a img {
  width: 44px;
  height: 44px;
}

.footer-container .redes-footer div a:hover {
  background-color: rgb(26, 148, 67);
}

.redes-footer {
  display: flex;
  gap: 4rem;
}

.footer-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer-text a {
  display: block;
}

.footer-text a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .footer-container {
    flex-direction: row;
  }
  .redes-footer {
    gap: 2rem;
  }
  .footer-text {
    flex-direction: row;
  }
}