.container-responsivo {
width: 100%;
max-width: 600px; /* Limita o tamanho em telas grandes */
margin: 0 auto;  /* Centraliza */
word-wrap: break-word; /* Força a quebra de palavras longas */
}

.rounded-image {
  border-radius: 25px; /* Adjust the value for more or less rounding */
}

.circle-image {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  /* Optional: use object-fit to ensure the image covers the container well */
  object-fit: cover;
}

a:link {
color: #0000FF;
text-decoration: none;
}

/* visited link */
a:visited {
color: #551A8B;
text-decoration: none;
}

/* mouse over link */
a:hover {
color: #0056b3;
text-decoration: none;
}

/* selected link */
a:active {
  color: red;
}

p {
  line-height: 1.8; /* 1.4 times the font size */
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.dosis3 {
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.titulo {
  font-size: 3rem; /* o 2 é o equivalente aproximado ao antigo size +5 */
  display: inline-block;
}







/* Estilo do Botão - Pequeno e discreto */
.theme-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: 1px solid #ccc;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 20px;
  font-size: 14px;
  transition: 0.3s;
}

.theme-btn:hover {
  background-color: #f0f0f0;
}

/* Regras para o Tema Escuro */
body.dark-mode {
  background-color: #121212;
  color: #ffffff;
}

/* Ajuste dos seus links no modo escuro para não sumirem */
body.dark-mode a:visited {
  color: #950009;
  text-decoration: none;
}

body.dark-mode a:link {
  color: red;
  text-decoration: none;
}

body.dark-mode a:hover {
color: #ff5761;
text-decoration: none;

body.dark-mode a:active {
  color: #00ffd5;
  text-decoration: none;
}





body.dark-mode .theme-btn {
  border-color: #444;
  color: white;
}









.neon-preto {
  color: #000; /* Cor do texto */
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  text-transform: uppercase;
  
  /* Camadas de sombra para criar o brilho */
  text-shadow: 
    0 0 5px #fff,       /* Brilho interno leve para destacar do fundo */
    0 0 10px #00d2ff,   /* Azul claro próximo à letra */
    0 0 20px #00d2ff,   /* Expansão do brilho */
    0 0 40px #0072ff,   /* Azul mais profundo */
    0 0 80px #0072ff;   /* Brilho ambiental */
    
  
  padding: 20px;
  display: inline-block;
  
  animation: flicker 2s infinite;
}

@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow: 0 0 10px #00d2ff, 0 0 20px #00d2ff, 0 0 40px #0072ff;
  }
  20%, 24%, 55% {
    text-shadow: none; /* O brilho apaga rapidamente */
  }
}