section#destinations {
  min-height: calc(100vh - 124rem);
}
section#destinations .heading {
  margin-top: 64rem;
}

section#destinations .destination-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 16rem;
}
section#destinations .destination-cards .destination-card {
  flex: 1 1 calc(33.33% - 16rem); /* Flexbox che si adatta alla larghezza del contenitore */
  max-width: 400rem;
  min-width: 288rem;
  background-color: var(--cornflower_light90);
  border-radius: 12rem;
  overflow: hidden;
  box-shadow: 0 8rem 16rem var(--cornflower_dark80);
  transition: transform .4s ease;
  display: flex;
  flex-direction: column;
}
section#destinations .destination-cards .destination-card:hover {
  transform: translateY(-8rem);
  box-shadow: 0 12rem 16rem var(--cornflower_dark80);
}
section#destinations .destination-cards .destination-card img {
  width: 100%;
  height: 200rem;
  object-fit: cover;
}
section#destinations .destination-cards .destination-card .destination-card-content {
  padding: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1; /* Assicura che il contenitore cresca per riempire lo spazio disponibile */
}
section#destinations .destination-cards .destination-card .destination-card-content h3 {
  color: var(--redgate);
  font-size: 20rem;
  text-align: center;
  text-transform: uppercase;
  margin: 16rem auto 16rem auto;
}
section#destinations .destination-cards .destination-card .destination-card-content p {
  color: var(--cornflower_dark80);
  margin-bottom: 16rem;
  font-size: 16rem;
}
section#destinations .destination-cards .destination-card .destination-card-content a {
  align-self: flex-end; /* Allinea il link al fondo */
  margin-top: auto; /* Fa sì che il link si trovi sempre alla fine del contenitore */
  color: var(--redgate_opa50);
  font-size: 20rem;
  text-transform: lowercase;
  font-weight: bold;
}
section#destinations .destination-cards .destination-card .destination-card-content a:hover {
  color: var(--redgate);
}
