/* HEADER */
header {
  display: grid;
  grid-template-columns: 24px auto 44px;
  align-items: center;
  padding: 10px 20px;
}

header img {
  width: 24px;
  height: 24px;
}

/* BOTÓN HAMBURGUESA */
.hamburger {
  border: none;
  background: none;
  font-size: 24px;
  cursor: pointer;
  color: white; /* Added to be visible on dark background */
}

.hamburger::before {
  content: "\2630"; /* ☰ */
}

.hamburger.show::before {
  content: "\00D7"; /* × */
}

/* NAVIGATION */
.navigation {
  display: none;
}

.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation li a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
}

.navigation.show {
  display: block;
}

/* footer  */
footer {
  padding: 20px;
  text-align: center;
}

footer .social-icons {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin-bottom: 10px;
}

footer .social-icons a img,
footer .social-icons a svg {
  width: 48px;
  height: 48px;
}

footer .footer-info p {
  margin: 5px 0;
  font-size: 0.9rem;
}