.img-thumbnail {
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent !important;
}

.img-thumbnail:hover {
  transform: scale(1.05);
  border-color: #dee2e6 !important;
}

.img-thumbnail.active {
  border-color: #0d6efd !important;
}

.border-dashed {
  border-style: dashed !important;
}

#dropZone:hover {
  background-color: #e9ecef !important;
  border-color: #6c757d !important;
}

.remove-item {
  transition: all 0.2s ease;
}

.remove-item:hover {
  transform: scale(1.1);
}

/* Añade esto en tu CSS */
.text-muted s {
  opacity: 0.7;
}

.text-success {
  color: #28a745 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.h4 {
  font-size: 1.5rem;
}