.footer {
  background-color: var(--text-dark);
}

.footer__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Se adapta al ancho */
  gap: 4rem 2rem;
  padding: 3rem 1rem;
}

.footer__col .section__description {
  margin-block: 2rem;
}

.footer__col h4 {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--white);
}

.footer__links {
  list-style: none;
  display: grid;
  gap: 1rem;
}

.footer__links a {
  color: var(--text-light);
  transition: 0.3s;
}

.footer__links a:hover {
  color: var(--white);
}

.footer__socials {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.footer__socials img {
  max-width: 25px;
  opacity: 0.8;
  transition: 0.3s;
}

.footer__socials img:hover {
  opacity: 1;
}

.footer__bar {
  padding: 1rem;
  font-size: 0.9rem;
  color: var(--text-light);
  text-align: center;
  background-color: rgba(255, 255, 255, 0.05);
}

/* 📱 Responsivo para móviles */
@media (max-width: 768px) {
  .footer__container {
    grid-template-columns: 1fr; /* Una sola columna en móvil */
    text-align: center;
  }

  .footer__socials {
    justify-content: center;
  }
}

/* 💻 Pantallas grandes */
@media (min-width: 1024px) {
  .footer__container {
    grid-template-columns: repeat(4, 1fr); /* Ejemplo: 4 columnas en escritorio */
  }
}