.status {
  border-radius: 0.25rem;
  border: 2px solid transparent;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.025rem;
  padding: 0.5rem 1rem;
  gap: 0.625rem;
}
.status.danger {
  border-color: var(--color-danger, red);
  color: var(--color-danger, red);
}

.status.sucess {
  border-color: var(--color-success, green);
  color: var(--color-success, green);
}

.status.warning {
  border-color: var(--color-warning, orange);
  color: var(--color-warning, orange);
}

/* pedidos de reposicion status */
div[role='status'] {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 0.8rem;
}

.upng-en-preparacion {
  color: var(--color-warning, orange);
}

.upng-confirmado {
  color: var(--color-success, green);
}