html {
	scrol
    scroll-behavior: smooth;
    scroll-behavior: smooth; /* Para navegadores que não suportam o scroll-behavior */
    transition-timing-function: cubic-bezier(1.55, 1.4, 1.55, 1.4); /* Função de transição personalizada */
    transition-duration: 20s; /* Define a velocidade de transição para 2 segundos */
	}


		body {
            background-color:#002a50 ;
			display: flex;
			flex-direction:column;
			width:100%;
			align-items:center;
			justify-content:flex-start;
			margin:0 auto;
			font-family: Roboto;

		}

	
	
	
	
	/*head*/
	
.head-contact{
	background-color:#ffce00;
	display: flex;
	height:0.2vw;
	width:100%;
	align-items:center;
	justify-content:center;	
	color:#1D3557;
	font-size:0.750vw;
	font-weight:600;
}

.head-contact2{
	background-color:#002a50 ;
	display: flex;
	height:10vw;
	width:100%;
	align-items:center;
	justify-content:center;	
	padding:0.2vw 0vw;
	flex-direction:column;
	
}

.head-contact2, h1, h3{
	color:#fff;
	padding:0;
	margin:0;
	font-weight:300;
}


.head{	
    position:fixed;
	z-index:9999;
	background-color:#051a38;
	display: flex;
	height:6vw;
	width:100%;
	align-items:center;
	justify-content:center;	
}

.head-center{
	display: flex;
	height:auto;
	width:70%;
	align-items:center;
	justify-content:center;	
}

.head-space-1{
	display: flex;
	height:auto;
	width:35%;
	align-items:center;
	justify-content:center;	
}

.head-space-2{
	display: flex;
	height:auto;
	width:100%;
	align-items:center;
	justify-content:center;	
}

.head-space-1 img{
	width:12vw;
}

/*menu drop*/

  
  .btn{  
	color: #fff;
    cursor: pointer;
	font-size:0.850vw;
	font-weight:400;
	margin:0 1vw;
	transition:0.3s;
	}
	
  .btn:hover{
	  color:#ffce00;
	  transition:0.3s;
  }	
  
  
  /*banner-head*/
  
  
.banner-head-web, .banner-head-web-2{
    display:none;
}  

.banner-head{
	margin-top:6vw;
	background-color:#cecece;
	display: flex;
	height:35vw;
	width:100%;
	align-items:center;
	justify-content:center;
	background-image: url('images/bg-banner.jpg'); 
    background-size: cover;   
    background-position: center; 
    background-repeat: no-repeat; 
}

.banner-head-center{
	display: flex;
	height:auto;
	width:70%;
	align-items:center;
	justify-content:center;	
}

.bh-left{
	display: flex;
	height:auto;
	width:70%;
	align-items:flex-start;
	justify-content:center;	
	flex-direction:column;
}
 

.bh-right{
	display: flex;
	height:auto;
	width:100%;
	align-items:flex-start;
	justify-content:center;	
} 

.bh-left h1{
	background: linear-gradient(90deg, #ffce00, #f2c700, #d4a300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
	font-size:2vw;
	font-weight:400;
	
}

.bh-left p{
	color:#fff;
	font-size:1vw;
	line-height:1.3vw;
	font-weight:200;
}
 
.btn-cta{
	width:16vw;
	background-color:#ffce00;
	border-radius:0.5vw;
	padding:1vw;
	color:#1a1a1c;
	font-size:1vw;
	font-weight:500;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:1vw 0;
	transition:0.3s;
}

.btn-cta:hover{
background-color:#ffae00;
transition:0.3s;
}
 

/*ATUAÇÃO*/

.main{
	background-color:#051a38;
	display: flex;
	width:100%;
	height:48vw;
	align-items:center;
	justify-content:center;	
	background-image: url('images/bg-main.jpg');
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
}

.main2{
	background-color:#051a38;
	display: flex;
	width:90%;
	height:auto;
	align-items:center;
	justify-content:center;	
	
}

.main img{
    width:50%;
}

.main-center{
	display: flex;
	width:78%;
	align-items:center;
	justify-content:flex-start;	
	border-radius:1vw;
	flex-direction:column;
}

.main-center2{
	display: flex;
	width:78%;
	align-items:center;
	justify-content:center;
}

.head-main{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:center;	
	flex-direction:column;
	
	
}




#post-content {
    color: #333;
    font-size: 1vw;
    padding: 1vw;
}

/* 📱 Mobile */
@media (max-width: 768px) {
    #post-content {
        font-size: 4vw;   /* tamanho ideal para leitura */
        padding: 4vw;
    }
}


.head-main h1{
	 background: linear-gradient(90deg, #ffce00, #f2c700, #d4a300);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
	 font-weight:600;
	 font-size:2vw;
	 margin:1vw 0;
	 padding:0;
 }
 
 .head-main p{
	 color:#fff;
	 font-weight:300;
	 font-size:1vw;
	 margin:0;
	 padding:0;
	 width:45%;
	 display:flex;
	 text-align:center;
	 margin-bottom:4vw;

 }
  
 .atuacoes{
	display: flex;
	width:100%;
	align-items:flex-start;
	justify-content:flex-start;
	
} 

 .at-mix{
	display: flex;
	height:auto;
	width:100%;
	align-items:flex-start;
	justify-content:flex-start;	
	margin:0.8vw;
	flex-direction:column;
	border-radius:0.5vw;
	padding:0 2vw;
} 

.at-desc-head{
	font-size:1.7vw;
	font-weight:400;
	color:#fff;
	padding:1vw;
}
.at-desc-main{
	font-size:0.870vw;
	font-weight:300;
	color:#fff;
	padding:1vw;
	line-height:1.4vw;
	
	text-align:justify;
}
  
  
/*QUEMM SOMOS*/

.quem-somos{
	display: flex;
	height:50vw;
	width:100%;
	align-items:center;
	justify-content:center;
	background-image: url('images/bg-adv-01.jpg');
	background-size: cover;   
    background-position: top; 
    background-repeat: no-repeat;	
}

.quem-somos2{
	display: flex;
	height:50vw;
	width:100%;
	align-items:center;
	justify-content:center;
	background-image: url('images/bg-adv-02.jpg');
	background-size: cover;   
    background-position: top; 
    background-repeat: no-repeat;	
}


.quem-somos-center{
	display: flex;
	height:auto;
	width:80%;
	align-items:center;
	justify-content:center;	
}
 

.adv {
	display: flex;
	height:auto;
	width:100%;
	align-items:flex-start;
	justify-content:flex-start;
	
}


.adv-left{
	display: flex;
	height:auto;
	width:90%;
	align-items:flex-start;
	justify-content:flex-start;	
}

.adv-left img{
	width:90%;
}

.adv-right{
	display: flex;
	height:auto;
	width:100%;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	padding:0;
}

.adv-right h1{
	color:#ffce00;
	font-size:2vw;
	font-weight:300;
	padding:0;
	margin:0;
}

.adv-right i{
	margin:0 0.3vw;
}

.adv-right a{
	color:#ffce00;
}

.adv-right h2{
	color:#fff;
	font-size:1vw;
	font-weight:400;
	padding:0;
	margin:1vw 0;
}
 
.adv-right p{
	 color:#fff;
	 font-weight:300;
	 font-size:1vw;
	 margin:0;
	 padding:0.5vw 0;
	 line-height:1.5vw;
}



/*FAQ*/


.FAQ{
    display:flex;
	align-items:center;
	justify-content:flex-start;
	height:auto;
	width:100%;
	flex-direction:column;
}

 /* Estilo principal do container do FAQ */
        .faq-container {
            width: 100%;
            max-width: 50vw;
            margin:3vw 0;
            height:auto;
        }

        /* Estilo do título da seção */
        .faq-title {
            font-size: 1.8vw;
            color: #fff;
            margin-bottom: 2vw;
        }

        /* Estilo para cada item do accordion (usando <details>) */
        .faq-item {
            margin-bottom: 1vw;
            border: 0.1vw solid #ddd;
            overflow: hidden;
        }

        /* Estilo para o cabeçalho da pergunta (usando <summary>) */
        .faq-question {
            display: block;
            padding: 1vw;
            background-color: #f9f9f9;
            color: #333;
            cursor: pointer;
            font-size:1vw;
            position: relative;
            list-style: none; /* Remove o marcador padrão do <summary> */
        }

        /* Adiciona um ícone de seta/expansão */
        .faq-question::after {
            content: '+';
            position: absolute;
            right: 1vw;
            font-size: 1vw;
            transition: transform 0.3s ease;
        }

        /* Gira o ícone quando o accordion está aberto */
        .faq-item[open] .faq-question::after {
            content: '-'; /* Usa um sinal de menos quando aberto */
            transform: rotate(0deg);
            margin:2vw 0;
            
        }

        /* Estilo para o conteúdo da resposta */
        .faq-answer {
            padding: 1vw;
            background-color: #ffffff;
            border-top: 1px solid #eee;
            color: #555;
            font-size:1vw;
        }

        /* Remove o marcador padrão do <summary> em navegadores que o suportam */
        details > summary::-webkit-details-marker {
            display: none;
        }
        details > summary {
            list-style: none;
        }
  
  
  
  
  /*blog*/
  
  
  #post p{
      font-size:15px;
  }
  
 .post-card{
  background:#fff;
  padding:2vw;
  margin:1vw 0;
  border-radius:0.5vw;
}

.post-card h2{
  color:#002a50;
}
  


  /*footer*/

.footer{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	padding:3vw 0;
	
}

.footer-center{
	width:90%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.foot-div-a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	flex-direction:column;
	
}

.foot-div-a img{
	width:50%;
}

.foot-div-a h1{
	color:#002a50;
}

.foot-div-a  i{
	margin:1vw;
	font-size:2vw;
	color:#002a50;
	text-align:center;
}





/*form*/
	
	#form-01{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

	#camp-01{
	background-color:#dedede;
    width: 100%;
    height: 3vh;
    margin:0.350vw 0.700vw 0.350vw 0;
	padding:0.500vw;
	border:none;
	outline:none;
}

#camp-02{
	background-color:#dedede;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin:0.350vw 0.700vw 0.350vw 0;
	padding:0.500vw;
	border:none;
	outline:none;
}

#send-mess{
	cursor:pointer;
	background-color:#ffce00;
	color:#1a1a1c;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin:0.350vw 0.700vw 0.350vw 0;
	padding:0.500vw;
	font-weight:700;
	border:none;
	outline:none;
}

#send-mess:hover{
	color:#fff;
	background-color:#002a50;
	border:none;
	font-weight:700;
}

.mobile-menu, .mobile-header{
    display:none;
}


  /* Cards do Blog */
.post-card{
  width: 95%;
  background: #fff;
  padding: 2vw;
  border-radius: 0.5vw;
  margin: 1vw;
  display: flex;
  flex-direction:column;
}

.post-card h2{
  color: #002a50;
}

.post-excerpt{
  color: #333;
}

  
  
  
  
  button{
	background-color:transparent;
     }
	 
  a{
	  text-decoration:none;
  }