/*---------------------------------FIM_CONFIGURAÇÃO-------------------------------*/
* {
    margin: 0;/*remove a margem padrão do body*/
    padding: 0;/*remove o padding padrão do body*/
    box-sizing: border-box;/*ajusta o box-model para incluir padding e border no tamanho total do elemento*/
  }
  
  body {
    font-family: "Archivo", sans-serif;/*define a fonte padrão para o corpo do site*/
    max-width: 1920px;/*define a largura máxima do site*/
    margin: 0 auto;/*centraliza o site horizontalmente*/
    background-image: 
    /* Detalhes geométricos laranjas */
    linear-gradient(135deg, #ff6f00 25%, transparent 25%) -50px -50px,
    linear-gradient(225deg, #ff6f00 25%, transparent 25%) -50px -50px;
    background-size: 100px 100px;  /* Tamanho dos detalhes triangulares */
    background-color: #EE7026;
  }

  /*---------------------------------FIM_CONFIGURAÇÃO-------------------------------*/

  /*---------------------------------INICIO_GEO_BACKGROUND-------------------------------*/
  .background {
    position: relative;
    min-height: 100vh;
    overflow: hidden; /* Garante que os detalhes não "escapem" */
    
  }
  
  .background::before,
  .background::after {
    content: '';
    
    border: 1px solid #ff6f00; /* Cor laranja */
    transform: rotate(45deg); /* Inclinação das linhas */
    opacity: 0.5; /* Transparência */
    z-index: -1;/*posiciona o elemento atrás dos outros elementos*/
  }
  
  .background::before {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 10%;
    left: -50px;
  }
  
  .background::after {
    position: absolute;
    width: 250px;
    height: 250px;
    bottom: 15%;
    right: -60px;
  }
  /*---------------------------------FIM_GEO_BACKGROUND-------------------------------*/
  
  /*---------------------------------INICIO_BARRA_SCROLL-------------------------------*/
  ::-webkit-scrollbar {
    width: 1.4rem;
  }
  
  ::-webkit-scrollbar-track {
    background: #323131;
    /* Fundo do track da scrollbar */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #EE7026;
    /* Cor do thumb da scrollbar */
  }
  /*---------------------------------FIM_BARRA_SCROLL-------------------------------*/
  
  /*---------------------------------FIM_HEADER-------------------------------*/
  /* Estilo para a logo */
  .logo img {
    width: auto;/*largura automática para manter a proporção*/
    margin-left: 50px;/*margem esquerda dos links navbar*/
  }
  
  /* Ajuste para a navbar */
  .navbar {
    background-color: #333333;/*cor de fundo da navbar*/
    padding: 15px 40px;/*adiciona espaçamento interno na navbar*/
    box-shadow: 0px 2px 20px 0px var(--laranja);/*adiciona sombra na navbar*/
  }
  :root {
    --bgBodyDark: #333333;/*cor de fundo do body*/
    --bgBodyLight: #dddddd;
    --laranja: #ee7026;
    --laranja-hover: #c75b1c;
  }
  .navbar-nav {
    gap: 120px;/*espaçamento entre os links navbar*/
    /*margin-left: 90px;/*margem esquerda dos links navbar*/
  }
  
  .navbar-nav li a {
    text-decoration: none;/*remove o sublinhado dos links*/
    color: #f2f2f2;/*cor do texto dos links*/
    font-family: Arial, sans-serif;/*fonte dos links*/
    font-weight: 600;/*espessura da fonte dos links*/
    padding: 10px;/*adiciona espaçamento interno nos links*/
  }
  
  .topnav a:hover {
    border-bottom: 1px solid #EE7026;
    color: #ee7026;/*cor do texto ao passar o mouse*/
    text-decoration: none;/*remove o sublinhado ao passar o mouse*/
  }
  
  /* Estilo para o botão toggle */
  .toggle {
    display: flex;/*exibe o toggle como flexível*/
    align-items: center;/*alinha o conteúdo verticalmente*/
    cursor: pointer;/*altera o cursor ao passar o mouse*/
  }
  
  .toggle .label {
    background-color: #ddd;/*cor de fundo do toggle*/
    width: 50px;/*largura do toggle*/
    border-radius: 25px;/*borda arredondada do toggle*/
    padding: 5px;/*adiciona espaçamento interno no toggle*/
  }
  
  .toggle .label .box {
    background-color: black;/*cor de fundo da box do toggle*/
    background-image: url('./assets/img/sun.svg');/*adiciona a imagem do toggle*/
    background-size: 10px 10px;/*ajusta o tamanho da imagem do toggle*/
    background-repeat: no-repeat;/*remove a repetição da imagem*/
    background-position: center;/*centraliza a imagem*/
    width: 17px;/*largura da box*/
    height: 17px;/*altura da box*/
    border-radius: 50%;/*borda arredondada da box*/
    transition: transform 0.3s ease;/*adiciona uma transição suave*/
  }
  
  header .container .toggle.active .label {
    background-color: #f9f9f9;/*altera a cor de fundo do toggle quando acionado*/
  }
  
  header .container .toggle.active .label .box {
    transform: translateX(25px);/*move a box para a direita quando acionado*/
  }
  
  /* Responsivo para telas menores */
  @media (max-width: 768px) {
    .navbar-collapse {
      display: flex;/*exibe o menu hamburguer como flexível*/
      justify-content: center;/*alinha o conteúdo horizontalmente*/
      align-items: center;/*alinha o conteúdo verticalmente*/
      position: absolute;/*posiciona o menu hamburguer de forma absoluta*/
      top: 90px; /* Ajuste a partir do topo, abaixo do header */
      left: 50%;/*centraliza o menu hamburguer horizontalmente*/
      transform: translateX(-50%);/*ajusta o menu hamburguer para o centro exato*/
      width: 100%; /* Reduz a largura do menu */
      max-height: 330px; /* Limita a altura do menu */
      background-color: #333333;/*cor de fundo do menu hamburguer*/
      z-index: 10;/*posiciona o menu hamburguer acima dos outros elementos*/
      opacity: 0;/*define a opacidade do menu hamburguer como 0*/
      visibility: hidden;/*oculta o menu hamburguer*/
      transition: opacity 0.3s ease, visibility 0.3s ease;/*adiciona uma transição suave*/
      /* border-radius: 8px; Adiciona bordas arredondadas */
      padding: 30px;/*adiciona espaçamento interno no menu hamburguer*/
    }
  
    .navbar-collapse.show {
      opacity: 1;/*altera a opacidade do menu hamburguer para 1*/
      visibility: visible;/*exibe o menu hamburguer*/
    }
  
    /* Ajuste do estilo dos itens do menu para centralizar */
    .navbar-nav {
      display: flex;/*exibe os links do menu como flexível*/
      flex-direction: column;/*alinha os links do menu em coluna*/
      gap: 20px;/*espaçamento entre os links do menu*/
      text-align: center;/*centraliza o texto dos links do menu*/
      margin-left: 10px;/*margem esquerda dos links navbar*/
    }
  
    .navbar-nav li a {
      font-size: 1.2rem;/*tamanho da fonte dos links do menu hamburguer*/
    }
  
    /* Estilo do botão hamburguer */
    .navbar-toggler {
      /* color: #EE7026;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); */
      color: #EE7026; /* Define a cor do botão */
      display: block; /* Exibe o botão como bloco */
      position: absolute; /* Posiciona o botão de forma absoluta */
      left: 50%; /* Centraliza o botão horizontalmente */
      transform: translateX(-50%); /* Ajusta o botão para o centro exato */
    }
    /* Estilo de cor interna, específico para o ícone interno do hamburguer */
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23EE7026' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /*altera a cor do ícone hamburguer*/
  }
    /* Estilo para a logo */
  
  .logo img {
    height: 50px;
    width: auto;/*largura automática para manter a proporção*/
  }
  }
  
  #bottom-header {
    height: 436px;/*altura do header*/
    background-position: center;/*centraliza a imagem de fundo*/
    z-index: 0;/*posiciona o header abaixo dos outros elementos*/
  }
  /*--------------------Classes-light-mode----------------------------------*/
  /* Classe para Modo Claro */
  /* Modo Claro */
  .light-mode main {
    background-color: var(--bgBodyLight);/*cor de fundo do body no modo claro*/
  }
  
  .light-mode .navbar {
    background-color: #DDDDDD;/*cor de fundo da navbar no modo claro*/
  }
  
  .light-mode .toggle .label {
    background-color: #333333; /* Fundo do toggle ajustado */
  }
  
  .light-mode .toggle .label .box {
    background-color: #DDDDDD; /*Altera o background do Toggle quando acionado*/
    background-image: url('./assets/img/moon.svg');/*Altera a imagem do Toggle quando acionado*/
    transform: translateX(25px); /* Move a box para a direita no modo claro */
  }
  
  .light-mode .navbar-nav li a {
    color: #333333; /*Altera a cor dos links do navbar quando acionado*/
  }
  /* Regras para o menu hamburguer em modo claro e tela pequena */
  @media (max-width: 768px) {
    .light-mode .navbar-collapse.show {
        background-color: #DDDDDD;/*Altera o background do menu hamburguer quando acionado*/
    }
  
    .light-mode .navbar-collapse.show .navbar-nav li a {
        color: #333333; /*Altera a cor dos links do menu hamburguer quando acionado*/
    }
  }
  
  .light-mode p { /* alttera a cor do texto da tag p, da seção história quando o Toggle estiver acionado*/
    color:#333333
  }
  
  .light-mode .text-container h3 {
    color: #333333;
  }
  /*---------------------------------FIM_HEADER-------------------------------*/
  
  /*---------------------------------INICIO_MAIN-------------------------------*/
  main {
    background-color: var(--bgBodyDark);
    display: flex;/*exibe o conteúdo como flexível*/
    flex-direction: column;/*alinha o conteúdo em coluna*/
    
  }
 
  .sectionTitle {
    font-size: 32px;/*tamanho da fonte do título da seção*/
    font-weight: normal;/*espessura da fonte do título da seção*/
    color: var(--laranja);/*cor do título da seção*/
    text-align: center;/*alinha o título da seção centralizado*/
    span {
      padding-top: 4px;/*espaçamento superior*/
      border-top: 1px solid var(--laranja);/*adiciona uma borda superior*/
    }
  }
  
  .sectionTitle {
  /* border: 2px dotted blue; */
  margin-top: 100px;
  }
  /*---------------------------------FIM_MAIN-------------------------------*/
  
  /*---------------------------------INICIO_FOOTER-------------------------------*/
  footer {
    border-top: 1px solid var(--laranja);
    background-color: var(--bgBodyDark);
    display: flex;
    align-items: center;
    justify-content: center;
    p {
      font-size: 16px;
      color: var(--bgBodyLight);
    }
  }
  
  .light-mode footer{
    background-color: var(--bgBodyLight);
  }
  
  /*---------------------------------FIM_FOOTER-------------------------------*/
  
  /*---------------------------------INICIO_SCROLLTOTOP-------------------------------*/
  #scrollToTop {
    position: fixed;
    bottom: 20px; /* Ajusta a distância da parte inferior */
    left: 95%; /* Ajusta a distância da lateral direita */
    z-index: 1000; /* Certifica-se de que o botão ficará acima dos outros elementos */
  }
  
  #scrollToTop img {
    width: auto; /* Ajusta o tamanho do botão */
    height: 50px;
    cursor: pointer; /* Mostra um cursor de mão ao passar sobre o botão */
    transition: transform 0.5s ease;
  }
  
  #scrollToTop img:hover {
    transform: scale(1.2); /* Aumenta ligeiramente o botão ao passar o mouse */
  }
  
  @media (max-width: 800px) {
    #scrollToTop {
      position: fixed;
      bottom: 20px; /* Ajusta a distância da parte inferior */
      left: 80%; /* Ajusta a distância da lateral direita */
      z-index: 1000; /* Certifica-se de que o botão ficará acima dos outros elementos */
    }
  }
  /*---------------------------------FIM_SCROLLTOTOP-------------------------------*/



/*-------------------------------INICIO_SECTION_DUVIDAS_FREQUENTES----------------------------------*/

#pergFaq{
 padding: 20px;   
 margin: 10px;
 border: solid 2px #EE7026;
 border-radius: 20px;
}

.accordion-body {
    color: #EE7026;
    padding: 10px;
    padding-right: 40px;
}
.accordion-button {
    color: #fff;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--bgBodyDark);
    /* Botão ativo */
}

.accordion-button:after {
    content: "";
    background-image: url('assets/img/seta_fechada.svg');
    /* Ícone padrão (fechado) */
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    /* Alinha à direita */
}

.accordion-button:not(.collapsed)::after {
    background-image: url('assets/img/seta_aberta.svg');
    /* Ícone quando aberto */
}

.accordion-item {
    border: none;
}

.accordion-item p{
    margin: 0;
}

@media (max-width: 620px){
    .accordion-item p{
        padding-right: 30px;
    }
}

/*--------------------------------INICIO_LIGHT_MODE-------------------------------*/
.light-mode .accordion-button {
    color: #333333;
    background-color: #DDDDDD;
}
/*--------------------------------FIM_LIGHT_MODE-------------------------------*/

/*--------------------------------FIM_FORMULARIO-------------------------------*/