/* Indicador de conexión con la API (ver conexion.js). Colores fijos en vez
   de las variables de cada app: así este archivo funciona igual en todas
   sin depender de que compartan los mismos nombres de variable. */
.indicador-conexion {
  display: inline-flex;
  align-items: center;
}

.led {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b0a89f;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.led--comprobando {
  background: #b8860b;
}

.led--conectado {
  background: #1e7d43;
  box-shadow: 0 0 0 3px rgba(30, 125, 67, 0.18);
}

.led--desconectado {
  background: #c0392b;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.18);
}