/* Estilos personalizados para a fonte Orbitron */
.font-orbitron {
  font-family: 'Orbitron', sans-serif;
}

/* Estilo para criar um contorno subtil no logótipo */
.logo-outline {
  filter:
    drop-shadow(0.7px 0.7px 0px rgba(0, 0, 0, 0.4))
    drop-shadow(-0.7px -0.7px 0px rgba(0, 0, 0, 0.4))
    drop-shadow(0.7px -0.7px 0px rgba(0, 0, 0, 0.4))
    drop-shadow(-0.7px 0.7px 0px rgba(0, 0, 0, 0.4));
}

/* --- Estilos Globais --- */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Evita barras de rolagem */
  font-family: 'Inter', sans-serif; /* Adiciona uma fonte moderna */
}

/* --- Canvas de Fundo --- */
#particle-canvas {
  position: fixed; /* Fixa na tela */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Coloca o canvas atrás de todo o conteúdo */
  background-color: #0d1b2a; /* Cor de fundo escura e profissional */
}

/* --- Conteúdo de Exemplo (para demonstração) --- */
.content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

/* /* Estilo para a área do logo */ */
/* .logo-placeholder { */
/*   width: 300px; /* Largura da área do logo */ */
/*   height: 150px; /* Altura da área do logo */ */
/*   display: flex; */
/*   justify-content: center; */
/*   align-items: center; */
/*   color: white; */
/*   font-size: 2.5rem; */
/*   font-weight: 600; */
/*   border: 2px dashed #334155; /* Borda para visualizar a área */ */
/*   border-radius: 1rem; */
/*   text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); */
/*   background-color: rgba(13, 27, 42, 0.5); /* Fundo sutil para destacar */ */
/* } */