body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.btn-tono {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.1rem;
  transition: transform 0.2s, background 0.3s;
}
.btn-tono:hover {
  transform: scale(1.1);
  background: #ffbb33 !important;
  color: black !important;
}
table td, table th {
  width: 60px;
  height: 60px;
}
.nota-resaltada {
  background-color: #ffc107 !important;
  color: black !important;
  font-weight: bold;
  border-radius: 50%;
}

.campo-acorde.select, .campo-tipo-acorde.select {
  background-color: #17a2b8 !important;
  color: white !important;
  font-weight: bold;
}
.campo-armadura.select {
  background-color: #28a745 !important;
  color: white !important;
  font-weight: bold;
}
.campo-modo-armadura.select {
  background-color: #6f42c1 !important;
  color: white !important;
  font-weight: bold;
}

.campo-intervalo-1.select {
  background-color: #dc3545 !important;
  color: white !important;
  font-weight: bold;
}
.campo-intervalo-2.select {
  background-color: #fd7e14 !important;
  color: white !important;
  font-weight: bold;
}