/*arraste indicador*/
.drag-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  pointer-events: none;
  border: 1px solid #68a618;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f8fafc8a;
  backdrop-filter: blur(6px);
  font-weight: 500;
  color: #68a618;
}

.drag-indicator svg.drag-icon {
  width: 15px;
  height: 15px;
  margin-bottom: 4px;
  color: #68a618;
}

.drag-visible .drag-indicator {
  opacity: 1;
}

/*clique indicator*/
.cursor-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  pointer-events: none;
  border: 1px solid #68a618;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8fafc8a;
  backdrop-filter: blur(6px);
  font-weight: 500;
  font-size: 8px;
  color: #68a618;
}

.cursor-visible .cursor-indicator {
  opacity: 1;
}

@media (max-width: 991px) {
  .cursor-indicator,
  .drag-indicator {
    display: none !important;
  }
}