@media only screen and (max-width:1024px){

  /* container que recebe os posts (id="posts") */
  #posts-card{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1vw;              /* ✅ 1vw de distância entre posts */
    width: 90%;
  }

  /* cada post */
  #posts .post-card{
    width: 90% !important;
    margin: 2vw !important;             /* evita conflito com margin do desktop */
    border-radius: 10px;              /* opcional: fica melhor no mobile */
    padding: 3vw;                     /* opcional: melhora toque no mobile */
  }

  /* texto do excerpt no mobile (opcional, mas recomendado) */
  #posts .post-excerpt{
    font-size: 4vw;
  }

}


/*VERSﾃグ MOBILE*/


		@media only screen and (max-width:1024px) {
			
		
		.head, .bh-right{
			display:none;
		}
		
		.banner-head, .adv, .footer-center{
	margin-top:0vw;
	
	flex-direction:column;
		}
		
		.main{
			height:70vw;
		}
		
		 .atuacoes{
	display: flex;
	width:100%;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	
}

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

.banner-head-web-2{
	display: flex;
	height:85vw;
	width:100%;
	align-items:center;
justify-content:center;
	
}


.banner-head{
	display:none;
}

.banner-head-center{
    width:78%;
}

.btn-cta{
	width:45vw;
	font-size:3.5vw;
}

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


.bh-left h1{
	font-size:6vw;
}


.bh-left p{
	font-size:3vw;
	line-height:4vw;
	font-weight:200;
}

.at-mix{
    padding:0;
}


.head-main h1{
    font-size:6vw;
}

.head-main p{
    font-size:3vw;
	 width:100%;
	font-weight:200;
}

.main{
    height:190vw;
    
}

.main-center{
    width:82%;
    
}

.at-desc-head{
	font-size:7vw;
	font-weight:400;
	color:#fff;
}
.at-desc-main{
	font-size:3vw;
	font-weight:200;
	color:#fff;
	line-height:4vw;
	
	text-align:justify;
}

.adv-right{
    	margin-left:11vw;
}

#dra{
    	margin-left:-11vw;
}

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


.adv-right h2{
	color:#fff;
	font-size:4vw;
	font-weight:400;
	padding:0;
	margin:3vw 0;
}
 
.adv-right p{
	 color:#fff;
	 font-weight:200;
	 font-size:3vw;
	 margin:0;
	 padding:0.5vw 0;
	 line-height:4vw;
	 text-align:justify;
}


.quem-somos{
	display: flex;
	height:95vw;
	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:95vw;
	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:60%;
	align-items:center;
	justify-content:center;	
}


.faq-container {
            
            max-width: 80vw;
            margin:4vw 0;
            height:auto;
        }

.faq-question {
            display: block;
            padding: 2vw;
            background-color: #f9f9f9;
            color: #333;
            cursor: pointer;
            font-size:3vw;
            position: relative;
            list-style: none; /* Remove o marcador padrão do <summary> */
        }
 
 
 .faq-question::after {
            content: '+';
            position: absolute;
            right: 1vw;
            font-size: 4vw;
            transition: transform 0.3s ease;
        }
 
 .faq-answer {
            padding: 3vw;
            background-color: #ffffff;
            border-top: 1px solid #eee;
            color: #555;
            font-size:4vw;
        }
        
        
        
        .foot-div-a img{
	width:80%;
}
        .foot-div-a  i{
	margin:1vw;
	font-size:8vw;
	color:#002a50;
	text-align:center;
}
        
     .foot-div-a h1{
	color:#002a50;
	font-size:5vw;
	margin-top:10vw;
}   
        
   

    .mobile-header {
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 18px;
        top: 0;
        left: 0;
        position:fixed;
        z-index: 999;
        background-color:#002a50;
        
    }

    .mobile-logo img {
        height: 45px;
    }

    .mobile-btn {
        font-size: 30px;
        cursor: pointer;
        user-select: none;
        color: #ffce00;
    }

    .mobile-menu {
        top: 70px;
        left: 0;
        width: 100%;
        display: none;
        position:fixed;
        flex-direction: column;
        background-color:#002a50;
        padding: 20px 0;
        z-index: 998;
    }

    .mobile-menu a {
        padding: 14px 20px;
        text-decoration: none;
        font-size: 18px;
        color: #ffce00;
        display: block;
    }

    .mobile-menu a:last-child {
        border-bottom: none;
    }

        
        
        
        
        
		
        }