/* Estilos para la parte del rango llenado */
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  background: #ddd;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 2px;
  background: #ddd;
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 2px;
  background: #ddd;
}

/* Estilos para la parte del rango que ya se ha recorrido */
input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, red 0%, red var(--slider-percentage), #ddd var(--slider-percentage), #ddd 100%);
}

input[type="range"]::-moz-range-progress {
  background-color: red; /* El color que quieras para la parte recorrida del slider */
  height: 2px;
}

input[type="range"]::-ms-fill-lower {
  background-color: red;
  height: 2px;
}

input[type='range']:focus {
  outline: none;
}

/* Si también quieres eliminar el estilo de foco para el pulgar del slider */
input[type='range']::-webkit-slider-thumb:focus {
  outline: none;
}

input[type='range']::-moz-range-thumb:focus {
  outline: none;
}

input[type='range']::-ms-thumb:focus {
  outline: none;
}

.entrada-preset-buttons .preset-button,
.plazo-preset-buttons .preset-button {
  background: #f6f7f8;
  border: 1px solid #d8d8d8;
  border-radius: 999px !important;
  color: #333;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.35rem 0.75rem;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.entrada-preset-buttons .preset-button:hover,
.entrada-preset-buttons .preset-button:focus,
.plazo-preset-buttons .preset-button:hover,
.plazo-preset-buttons .preset-button:focus {
  border-radius: 999px !important;
  background: #842627;
  color: #fff;
  outline: none;
}

.entrada-preset-buttons .preset-button:focus-visible,
.plazo-preset-buttons .preset-button:focus-visible {
  box-shadow: 0 0 0 2px rgba(132, 38, 39, 0.25);
}

.entrada-preset-buttons .preset-button.is-active,
.plazo-preset-buttons .preset-button.is-active {
  border-radius: 999px !important;
  background: #842627;
  border-color: #842627;
  color: #fff;
}