/* Estilos personalizados para Dropzone */
.dropzone {
  border: 2px dashed #d1d5db !important;
  border-radius: 0.5rem !important;
  background: white !important;
  min-height: 200px !important;
  padding: 2rem !important;
  text-align: center !important;
  transition: border-color 0.2s ease-in-out !important;
}

.dropzone:hover {
  border-color: #f97316 !important;
}

.dropzone.dz-drag-hover {
  border-color: #f97316 !important;
  background-color: #fef3c7 !important;
}

.dropzone .dz-message {
  margin: 0 !important;
  text-align: center !important;
}

.dropzone .dz-preview {
  display: none !important; /* Ocultamos la vista previa ya que manejamos la lista por separado */
}

.dropzone .dz-progress {
  display: none !important; /* Ocultamos la barra de progreso */
}

.dropzone .dz-error-message {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
  border-radius: 0.375rem !important;
  padding: 0.5rem !important;
  margin-top: 0.5rem !important;
}

/* Estilos para el estado de carga */
.dropzone.dz-started .dz-message {
  display: none !important;
}

.dropzone .dz-details {
  display: none !important;
}

.dropzone .dz-remove {
  display: none !important;
}