html,
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.logo {
  width: 40px;
}

/* Animación de pulso radar para el estado Online */
.animate-ping {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  75%, 100% {
    transform: scale(2.4);
    opacity: 0;
  }
}