body {
  font-family: 'Poppins', sans-serif;
}

.card {
  border-radius: 15px;
}

.barra-temperatura {
  width: 100px;
  height: 200px;
  border-radius: 10px;
  transition: background-color 0.5s;
}

/* Colores de temperatura */
.baja {
  background-color: #2196f3; /* azul */
}

.media {
  background-color: #ffeb3b; /* amarillo */
}

.alta {
  background-color: #ff9800; /* naranja */
}

.barra-temperatura {
  width: 80px;
  height: 0px; /* inicia vacía, JS la llenará */
  border-radius: 10px;
  transition: height 1s ease, background-color 0.5s;
}