#score-crediticio {
  display: flex;
  align-items: center;
  justify-content: center;
}

.speedometer {
  position: relative;
  width: 300px;
  height: 200px;
  margin: 50px auto;
}

.speedometer .track {
  width: 100%;
  height: 150px;
  background: linear-gradient(to right, #ff0000, #ffff00, #00ff00);
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  position: relative;
  border: 2px solid black;
}

.speedometer .needle {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 150px solid #000;
  top: 0;
  left: 50%;
  transform-origin: bottom center;
  transition: none;
  /* Remove transition for immediate update */
  transform: rotate(-90deg);
  margin-left: -10px;
}

.speedometer .label {
  position: absolute;
  top: 110%;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

.speedometer .value-labels {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  left: 0;
  pointer-events: none;
}

.speedometer .value-label {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
}

.value-1 {
  top: calc(150px - 160px * cos(90deg));
  left: calc(150px - 160px * sin(90deg));
}

.value-400 {
  top: calc(150px - 160px * cos(45deg));
  left: calc(120px - 160px * sin(45deg));
}

.value-800 {
  top: calc(140px - 160px * cos(0deg));
  left: 46%;
  /* 50%; */
}

.value-900 {
  top: calc(150px - 160px * cos(45deg));
  left: calc(150px + 160px * sin(45deg));
}

.value-999 {
  top: calc(150px - 160px * cos(90deg));
  left: calc(150px + 160px * sin(90deg));
}

#range-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #1e4edf8c;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

#curved-range {
  display: none;
  /* Hide the original range input */
}

/* Prevent text selection */
body, html {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Aumentar el tamaño de los campos de entrada */
.simulador-number, select {
  max-width: 100% !important;
}