/* Estilo para o bloco de conteúdo */
.content-block {
  background-color: #ffffff; /* Fundo branco */
  padding: 30px; /* Aumenta o espaçamento interno para um visual mais robusto */
  border-radius: 15px; /* Bordas arredondadas */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); /* Sombra mais profunda para um efeito de elevação */
  margin-bottom: 30px; /* Espaçamento entre os blocos */
  font-family: 'Arial', sans-serif; /* Fonte moderna e limpa */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transição suave para hover */
}

/* Efeito de hover para o bloco */
.content-block:hover {
  transform: translateY(-8px); /* Efeito de elevação ao passar o mouse */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); /* Sombra mais forte no hover */
}

/* Estilo do título principal */
.content-block h2 {
  color: #1C3D7A; /* Cor azul mais forte */
  font-size: 20px; /* Tamanho maior para destaque */
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase; /* Transforma o texto em maiúsculas */
}

/* Estilo do link "CLIQUE AQUI" */
.content-block h2 a {
  text-decoration: none; /* Remove o sublinhado */
  color: inherit; /* Usa a cor do título */
  font-weight: bold;
}

.content-block h2 a:hover {
  color: #ff4500; /* Cor laranja suave quando o mouse passa sobre o link */
  text-decoration: underline; /* Adiciona sublinhado no hover */
}

/* Estilo do texto do conteúdo */
.content-block p {
  font-size: 16px; /* Tamanho de fonte um pouco maior para melhorar a legibilidade */
  color: #333333; /* Cor mais escura para o texto normal */
  line-height: 1.8; /* Aumento do espaçamento entre as linhas */
  margin-bottom: 15px; /* Mais espaçamento entre os parágrafos */
  text-align: justify; /* Alinhamento justificado */
}

/* Estilo para o texto em negrito e vermelho */
.content-block p strong {
  color: #ff0000; /* Cor vermelha para destacar texto importante */
}

/* Estilo para o texto sublinhado */
.content-block p u {
  text-decoration: underline; /* Sublinha o texto para indicar links ou destaques */
  color: #1C3D7A; /* Cor azul para o texto sublinhado */
}

/* Texto dentro do link com cor personalizada */
.content-block p a {
  color: #1C3D7A; /* Cor azul para links */
  text-decoration: none;
}

.content-block p a:hover {
  color: #ff4500; /* Cor laranja suave no hover */
  text-decoration: underline; /* Sublinha o link no hover */
}