/* Estilização geral */
body {
    background-color: #FFFAEE; /* Fundo geral do site */
  }
  
  section {
    margin-bottom: 3rem; /* Ajuste de espaçamento entre seções */
  }
  
  /* Definição de cores principais */
  :root {
    --primary: #2a5d78; /* Azul escuro */
    --secondary: #d6eeee; /* Azul pastel */
    --background: #FFFAEE; /* Bege do site */
    --text-dark: #1d1d1dad; /* Azul escuro */
    --text-light: #ffffff; /* Branco */
    --highlight: #174f67; /* Azul médio para contraste */
  }
  
  /* Personalização de botões e fundos com as cores definidas */
  .bg-primary, .btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  
  .bg-secondary, .btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
  
  /* Estilização do cabeçalho */
  .nav-link {
    color: var(--text-light) !important;
  }
  
  .nav-link:hover {
    color: var(--primary) !important;
  }
  
  /* Estilização específica da seção de perguntas frequentes */
  #perguntas {
    background-color: var(--background); /* Fundo bege */
    padding: 40px 0; /* Espaçamento superior e inferior */
  }
  
  /* Título da seção */
  #perguntas h2 {
    color: var(--text-dark); /* Cor do texto */
    font-size: 2.5rem; /* Tamanho do título */
    margin-bottom: 30px; /* Margem inferior */
  }
  
  /* Estilização do accordion */
  .accordion-item {
    border: 1px solid var(--primary); /* Cor da borda */
    border-radius: 5px; /* Bordas arredondadas */
    margin-bottom: 15px; /* Espaçamento entre os itens */
  }
  
  .accordion-header {
    background-color: var(--primary); /* Cor de fundo do cabeçalho */
  }
  
  .accordion-button {
    color: var(--text-dark); /* Texto escuro para melhor legibilidade */
    font-weight: bold; /* Deixa o texto em negrito */
    background-color: var(--secondary); /* Fundo azul pastel */
    border: none; /* Remove a borda */
    padding: 15px; /* Espaçamento interno */
    text-align: left; /* Alinhamento do texto */
  }
  
  .accordion-button:focus {
    box-shadow: none; /* Remove o efeito de foco */
  }
  
  .accordion-button:not(.collapsed) {
    background-color: var(--highlight); /* Azul médio para contraste */
    color: var(--text-light); /* Texto branco */
  }
  
  .accordion-body {
    background-color: var(--background); /* Fundo bege */
    color: var(--text-dark); /* Texto azul escuro */
    padding: 20px; /* Espaçamento interno */
  }
  
  /* Estilização do botão flutuante do WhatsApp */