body {
  font-family: 'Lato', sans-serif;
  background-color: #fdfdfd; /* Cor de fundo principal do corpo */
  color: #333;
}
.navbar {
  background: #0e2842;
}
.navbar-brand {
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
}
header {
  background: linear-gradient(135deg, #0e2842, #1dc9e5);
  color: #fff;
  padding: 7rem 1rem 6rem;
  text-align: center;
  position: relative;
}
header h1 {
  font-size: 3rem;
  font-weight: 700;
}
header p {
  font-size: 1.3rem;
  margin-top: 1rem;
  font-weight: 300;
}
.divider {
  width: 80px;
  height: 4px;
  background: #1dc9e5;
  margin: 1.5rem auto;
  border-radius: 2px;
}
section {
  padding: 5rem 0;
}
section h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.card-custom {
  border: none;
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}
.card-custom:hover {
  transform: translateY(-8px);
}
footer {
  background-color: #0e2842;
  color: #f6f6f6;
  padding: 2rem 0;
}
/* Estilos para as cores de fundo das seções */
#sobre {
    background-color: #e9ecef; /* Agora a mesma cor da seção Contato */
}
#projetos {
    background-color: #f8f9fa; /* Mantido como um cinza muito claro para contraste com as outras seções */
}
#contato {
    background-color: #e9ecef; /* Um cinza claro um pouco mais escuro */
}

/* Justificar o texto da seção "Sobre mim" */
#sobre p.lead {
    text-align: justify;
}

/* Estilos para o novo "card" de conteúdo na seção de contato */
.contact-content-wrapper {
    background-color: #ffffff; /* Fundo branco para o card de contato */
    padding: 3rem; /* Espaçamento interno */
    border-radius: 15px; /* Bordas arredondadas */
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* Sombra suave para profundidade */
    text-align: center; /* Centraliza o conteúdo dentro do card */
    margin-top: 2rem; /* Espaçamento do título da seção */
}

/* Estilo para o link de e-mail */
.contact-content-wrapper .lead a {
    font-size: 1.6rem; /* Aumenta o tamanho da fonte do e-mail */
    font-weight: 600; /* Deixa o e-mail em negrito */
    color: #0e2842; /* Usa a cor principal do seu site */
    text-decoration: none; /* Remove o sublinhado padrão */
    transition: color 0.3s ease; /* Transição suave na mudança de cor */
}
.contact-content-wrapper .lead a:hover {
    color: #1dc9e5; /* Cor de destaque ao passar o mouse */
}
.contact-content-wrapper .lead .fa-envelope {
    margin-right: 10px; /* Espaço entre o ícone do envelope e o texto do e-mail */
}

/* Melhoria para os botões sociais */
.btn-social {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s ease; /* Adiciona transição para efeitos de hover */
  border-color: #0e2842; /* Define a cor da borda inicial */
  color: #0e2842; /* Define a cor do ícone inicial */
}
.btn-social:hover {
    background-color: #1dc9e5; /* Fundo colorido ao passar o mouse */
    color: #fff; /* Texto branco ao passar o mouse */
    border-color: #1dc9e5; /* Borda da mesma cor do fundo ao passar o mouse */
    transform: translateY(-3px); /* Efeito de "levantar" sutil */
}
.btn-social-group {
    margin-top: 2rem; /* Espaço entre o e-mail e os botões sociais */
}