.map-container {
  width: 100%;
  height: 300px;
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
}

.meteo-icone {
  width: 120px;
  height: 120px;
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px;
}

.info-grid section {
  background-color: #1a1a1a;
  border-radius: 12px;
  padding: 24px;
}

@media (min-width: 481px) {
  .info-grid {
    grid-template-columns: 1fr 1fr;
  }
}