/* ------ FOOTER ------ */

footer {
   background: var(--menta);
   padding: 60px 20px;
   font-family: Barlow, sans-serif;
   color: var(--texto-oscuro);
}

.menu-footer {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   gap: 32px;
}

.menu-footer a {
   color: var(--texto-oscuro);
   font-size: 14px;
   font-weight: 600;
}

.menu-footer .logo-footer {
   width: 100%;
}
.menu-footer .logo-footer img {
   display: inline-block;
   height: auto;
   width: 224px;
   max-width: 100%;
}

.menu-footer .nav-footer {
   width: 100%;
}

.menu-footer .nav-footer ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   text-align: left;
}

.menu-footer .nav-footer ul li {
   padding: 0.5rem 0;
}

.menu-footer .redes-links ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   gap: 12px;
}

.menu-footer .redes-links img {
   height: 20px;
}

.footnote {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 16px;
   margin-top: 32px;
}

.footnote p {
   font-size: 14px;
   margin: 0;
}

.footnote a {
   text-decoration: underline;
}

@media screen and (min-width: 992px) {
   footer {
      padding: 60px 40px;
   }
   .menu-footer {
      flex-wrap: nowrap;
      margin: 0 0 40px;
   }
   .menu-footer .logo-footer {
      width: auto;
   }
   .menu-footer .nav-footer {
      flex-grow: 1;
      width: auto;
   }
   .menu-footer .nav-footer ul {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
   }
   .menu-footer .nav-footer ul li {
      padding: 0.5rem 1rem;
   }
   .footnote  {
      flex-direction: row;
   }
}