.missao-monitoramento {
  position: absolute;
  top: 89%;
  left: 57.8%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8em;
  z-index: 10;
  width: 10%;
  max-width: 7%;
  min-width: 1%;
}

/* Bloco quadrado de origem */
.monitoramento-quadrado {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #3a220f;
  border: 6px solid #ffffff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* Haste que sai do quadrado */
.haste-horizontal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: left center;
  transform: translateY(-50%) rotate(2deg);
  width: 8%;
  height: 12%;
  background: linear-gradient(to bottom, #6e4322, #3a220f);
  border-radius: 6px;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.4);
  transition: width 1.2s ease-out, transform 1.2s ease-out;
  z-index: 1;
}

/* Drone colado na ponta */
.dronezinho {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  width: 20%;
  height: auto;
  pointer-events: none;
  transition: top 1.2s ease-out, left 1.2s ease-out;
  z-index: 5;
}

.dronezinho::after {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 255, 255, 0.2);
  animation: pulsar 1.2s infinite ease-in-out;
  z-index: -1;
}

@keyframes pulsar {
  0% {
    transform: scale(0.8);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.4;
  }
}

/* Botão */
#acionar-monitoramento {
  padding: 0.4em 1em;
  font-size: 0.9em;
  font-weight: bold;
  background: linear-gradient(145deg, #00cfff, #007bff);
  color: white;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 255, 255, 0.3);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  z-index: 6;
  top:-50%;
  position: absolute;
}

#acionar-monitoramento:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0, 255, 255, 0.4);
}