/* ============================
   Valor Hora – CSS específico
============================ */

/* Campos */
.field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.field label {
  font-weight: 600;
  font-size: 0.9rem;
}

.field small {
  font-size: 0.8rem;
  color: var(--muted);
}

/* Resultado */
.result {
  margin-top: var(--space-sm);
}

.result-label {
  display: block;
  font-size: 0.85rem;
  color: var(--muted);
  margin-bottom: 2px;
}

.result-value {
  font-size: 1.4rem;
  font-weight: 700;
}