/* ------------------------------------------*/
/* -------------- Calculadora -------------- */
/* ----------------------------------------- */

.conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding: 20px;*/
}

.display {
  width: 100%;
  /*max-width: 300px;
  max-width: 100%;*/
  height: 55px;
  font-size: 36px !important;
  text-align: right;
  /*padding: 6px;
  margin-bottom: 5px;*/
  background-color: #efefef;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.teclado {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  /*max-width: 300px;*/
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.btn {
  padding: 25px;
  font-size: 20px;
  border: none;
  border-radius: 8px;
  /*background-color: #007BFF;*/
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin: 0px;
}

.btn:hover {
  background-color: #0056b3;
}

.btn.operador {
  background-color: #17a2b8;
}

.btn.operador:hover {
  background-color: #117a8b;
}

.btn.igual {
  grid-column: span 4;
  background-color: #28a745;
}

.btn.igual:hover {
  background-color: #218838;
}

.historico {
  display: none;
  width: 100%;
  /*max-width: 300px;*/
  padding: 10px;
  background-color: #f9f9f9;/**/
  border: 1px solid #ddd;
  border-radius: 8px;
}

.historico ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 150px;
  overflow-y: auto;
  font-family: monospace;
}

.historico li {
  margin-bottom: 4px;
  font-size: 15px;
}