.progress {
  height: 10px;
}

.componente-card {
  transition: transform 0.2s;
}

.componente-card:hover {
  transform: translateY(-5px);
}

.desgaste-critico {
  background-color: #dc3545 !important;
}

.desgaste-advertencia {
  background-color: #ffc107 !important;
}

.desgaste-normal {
  background-color: #198754 !important;
}

#componentesGrid .card {
  margin-bottom: 1rem;
}

.navbar-brand svg {
  vertical-align: text-bottom;
}

.table th {
  font-weight: 600;
}

.btn-action {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.status-badge {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

.status-pendiente {
  background-color: #ffc107;
  color: #000;
}

.status-en-progreso {
  background-color: #0dcaf0;
  color: #000;
}

.status-completado {
  background-color: #198754;
  color: #fff;
}

.modal-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.form-label {
  font-weight: 500;
}

.card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}