@import url(header.css);
.footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 40px;
  align-items: flex-start;
  margin-top: 40px;
  background: var(--color-texto);
  padding-top: 35px;
  padding-bottom: 20px;
}
.footer .h3 {
  font-size: 28px;
  text-align: left;
}
.footer-columna1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-right: 15px;
}
.footer-columna1 h3,
.footer-columna2 h3,
.footer-columna4 h3 {
  color: var(--color-primario);
  text-align: center !important;
}
.footer-columna1 ul,
.footer-columna2 ul {
  display: flex;
  gap: 10px;
  flex-direction: column;
  flex-wrap: wrap;
}
.footer-columna2 {
  display: flex;
  justify-content: center;
}
.footer-columna2 ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  list-style-type: none;
}
.footer-columna1 ul li,
.footer-columna2 ul li {
  color: var(--color-cuarto);
}
.footer-columna1 ul li a,
.footer-columna2 ul li a {
  color: var(--color-cuarto);
  font-size: var(--parrafo);
}
.footer-columna2 ul li a i {
  margin-right: 10px;
}
.footer-columna2 {
  display: flex;
  gap: 20px;
  flex-direction: column;
  margin-right: 15px;
}
.footer-columna3{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 400px;
  width: 100%;
  align-content: center;
}
.footer-columna3 .h3{
  margin-bottom: 20px;
}
.footer-columna3 img{
  width: 90px;
  object-fit: cover;
  height: 80px;
  filter: grayscale(100%);
}
.footer-columna3 img:nth-child(2){
width: 70px;
height: 60px;
}
.footer-columna3 img:nth-child(3){
 margin-top: -15px;
  }
.footer-columna4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.footer-columna4 .h3 {
  max-width: 400px;
}
.social {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.social div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease all;
}
.social div a {
  color: var(--color-primario);
  font-size: var(--subtitulo);
  transition: 0.5s ease all;
  text-align: center;
  font-size: 18px;
}
.social div:nth-child(1):hover {
  background: #3b5998;
}
.social div:nth-child(2):hover {
  background: #c4302b;
}
.social div:nth-child(3):hover {
  background: #367cb6;
}
.social div:nth-child(4):hover {
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
.social div:nth-child(5):hover {
  background: #69C9D0;
}
.social div:hover a {
  color: var(--color-tercero) !important;
}

@media (min-width: 850px) {
  .social div a {
    color: var(--color-primario);
    font-size: var(--subtitulo);
    transition: 0.5s ease all;
    text-align: center;
    font-size: 24px;
  }
  .footer div a {
    transition: 0.5s ease all;
  }
  .footer div a:hover {
    color: #949494;
  }
}