/* docuAPP · Minimalist Ramp-Style Framework */
body {
  font-family: 'Poppins', sans-serif;
  background-color: #FAF9F5;
  color: #0c0f14;
  -webkit-font-smoothing: antialiased;
}

/* Control deslizante minimalista con el verde del isotipo docuAPP */
input[type=range] {
  -webkit-appearance: none;
  background: #e2e4e9;
  border-radius: 9999px;
  height: 6px;
}

/* Botón de arrastre oficial (Webkit: Chrome, Safari, Edge) */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #00b25d;
  border: 3px solid #ffffff;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 178, 93, 0.45), 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(0, 178, 93, 0.6);
}

/* Compatibilidad para Firefox */
input[type=range]::-moz-range-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #00b25d;
  border: 3px solid #ffffff;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 178, 93, 0.45);
}

/* Resaltador oficial mievaluador */
.brand-highlight {
  display: inline;
  background-color: #cafc05; /* Verde lima oficial de la marca */
  color: #000000;
  padding: 1px 4px;
  border-radius: 2px;
  font-family: inherit;
  font-weight: 400;
}

.brand-highlight strong {
  font-weight: 800;
}