/* Estilos gerais */
/* Reset de estilos */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.container {
  width: 90%;
  margin: auto;
}

.navbar-brand {
  width: 100%; /* Permitir que o conteúdo da navbar-brand ocupe todo o espaço disponível */
  text-align: center; /* Centralizar o conteúdo */
}

.navbar-brand span {
  font-size: 1.5rem; /* Tamanho inicial do título */
}

/* Adaptação para telas menores */
@media (max-width: 768px) {
  .navbar-brand span {
    font-size: 1rem; /* Tamanho do título ajustado para telas menores */
    display: block; /* Permitir que o texto quebre linha */
    margin: 0 auto; /* Centralizar o texto */
    max-width: 90%; /* Limitar a largura do texto */
  }

  /* Ajuste para as imagens do carousel */
  .carousel-item img {
    height: auto; /* Altura automática para as imagens */
    max-width: 100%; /* Largura máxima de 100% */
  }
}

/* Estilos para links */
a {
  color: #5c52a2; /* Cor padrão para links */
  text-decoration: none;
}

a:hover {
  color: #333; /* Cor quando o link está em hover */
}

/* Estilos para cabeçalhos */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
}

/* Estilos para parágrafos */
p {
  margin-bottom: 20px;
}

/* Estilos para botões */
.btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #5c52a2; /* Cor padrão para botões */
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: #333; /* Cor quando o botão está em hover */
}

/* Estilos para rodapé */
.footer-section {
  background-color: #292929;
  color: #fff; /* Cor do texto do rodapé */
  padding: 50px 0;
}

.footer-section a {
  color: #fff; /* Cor padrão para links no rodapé */
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section a:hover {
  color: #5c52a2; /* Cor quando o link no rodapé está em hover */
}

.footer-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-widget {
  margin-bottom: 30px;
}

.footer-logo img {
  width: 200px;
  border-radius: 50%;
}

.footer-text {
  margin-bottom: 20px;
}

.footer-social-icon {
  margin-top: 20px;
}

.footer-social-icon span {
  display: block;
  margin-bottom: 10px;
}

.footer-social-icon a {
  color: #fff; /* Cor padrão para ícones sociais no rodapé */
  margin-right: 10px;
}

.footer-menu ul {
  list-style: none;
  padding: 0;
}

.footer-menu ul li {
  display: inline-block;
  margin-right: 20px;
}

.footer-menu ul li:last-child {
  margin-right: 0;
}