/* Estilo para o overlay do modal */
.modal.show {
  background-color:  rgba(0, 0, 0, 0.5);
}

body{
  background-color: #FFFAEE;
}
/* definindo variáveis para cores */
/* sobrescrevendo classes padrão do Bootstrap */
/* a marcação !important dá um peso maior a regra, sobrescrevendo regras prévias */

/*
:root{
  --primary: #026E81;
  --secondary: #00ABBD;
  --success: #0099DD;
  --info: #A1C7E0;
  --warning: #FF9933;
  --danger: #E3371E;
  --white: #FFF;
}*/

/*Dark mode*/
:root{
  --primary: #2a5d78;
  --secondary: #2a5d78;
  --success: #964EC2;
  --info: #A1C7E0;
  --warning: #00ABBD;
  --danger: #2a5d78;
  --white: #FFF;
}

section {
  margin-bottom: 3rem; /* Ajuste o valor conforme necessário */
}

.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;
}

.bg-success, .btn-success{
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.bg-info, .btn-info{
  background-color: var(--info) !important;
  border-color: var(--info) !important;
}
.bg-warning, .btn-warning{
  background-color: var(--warning) !important;
  border-color: var(--warning) !important;
}
.bg-danger, .btn-danger{
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}

/* Ajuste do Navbar */
.navbar {
  background-color: #2a5d78 !important; /* Cor principal do site */
  padding: 10px 20px; /* Ajuste no espaçamento */
}

/* Ajuste do logo */
.navbar-brand img {
  width: 75px;
  height: auto;
  margin-right: 15px; /* Espaçamento entre logo e itens do menu */
}

/* Centralização dos itens do menu */
.navbar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px; /* Espaçamento entre os itens */
}

/* Estilização dos links da navbar */
.navbar-nav .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  padding: 8px 12px;
  transition: color 0.3s ease, background 0.3s ease;
}

.navbar-nav .nav-link i {
  font-size: 18px; /* Ajuste no tamanho dos ícones */
}

/* Efeito hover */
.navbar-nav .nav-link:hover {
  color: #d6eeee !important;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}

/* Ajuste do botão toggler para telas pequenas */
.navbar-toggler {
  border: none;
  background: transparent;
}

.navbar-toggler-icon {
  filter: invert(1);
}

/* Estilização geral da seção */
#perguntas {
  background-color: #FFFAEE; /* Fundo da seção */
  padding: 40px 0; /* Padding superior e inferior */
}

/* Título da seção */
#perguntas h2 {
  color: #2F4054; /* Cor do texto */
  font-size: 2.5rem; /* Tamanho da fonte */
  margin-bottom: 30px; /* Margem inferior */
}

/* Estilo do acordeão */
.accordion-item {
  border: 1px solid #B9862F; /* Borda dos itens do acordeão */
  border-radius: 5px; /* Bordas arredondadas */
  margin-bottom: 15px; /* Margem inferior entre os itens */
}

.accordion-header {
  background-color: #B9862F; /* Fundo do cabeçalho do acordeão */
}

.accordion-button {
  color: #FFFFFF ; /* Cor do texto do botão */
  font-weight: bold; /* Texto em negrito */
  background-color: transparent; /* Fundo transparente */
  border: none; /* Sem borda */
  padding: 15px; /* Padding interno */
  text-align: left; /* Alinhamento do texto */
}

.accordion-button:focus {
  box-shadow: none; /* Remove o foco padrão */
}

.accordion-button:not(.collapsed) {
  background-color: #2F4054; /* Fundo quando expandido */
  color: #FFFAEE; /* Cor do texto quando expandido */
}

.accordion-body {
  background-color: #FFFFFF; /* Fundo do corpo do acordeão */
  color: #2F4054; /* Cor do texto */
  padding: 20px; /* Padding interno */
}

#sobre {
  background-color: #FFFAEE; /* Fundo da seção sobre nós */
  border-radius: 8px; /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para efeito de profundidade */
  padding: 20px; /* Espaçamento interno */
  text-align: center !important;
}

#produtos {
  background-color: #212529; /* Fundo da seção de produtos */
  border-radius: 8px; /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para efeito de profundidade */
  padding: 20px; /* Espaçamento interno */
}
.product-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* Permite que o layout se ajuste em telas menores */
}

.product-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.product-content img {
  max-width: 30%;
  height: auto;
  margin-right: 20px; /* Espaçamento entre a imagem e o texto */
}

.product-text {
  max-width: 65%; /* Ajusta a largura do texto */
  coloR:var(--white);
}

.product-text h3 {
  margin-top: 0; /* Remove a margem superior do título */
  coloR:var(--white);
}

.product-text p {
  text-align: justify; /* Justifica o texto */
  coloR:var(--white);
}

.h3 {
  color: #B9862F;
}

.text-center {
  text-align: center; /* Centraliza o texto */
}

.product-text h3 {
  margin-top: 0; /* Remove a margem superior do h3, se necessário conteiner */ 
  margin-bottom: 1rem; /* Adiciona uma margem inferior para separar do texto */
}