<style>
    

  /* EstilizaÃ§Ã£o da barra de rolagem */
    .quadro::-webkit-scrollbar  {
      height: 0.2vw;
    }
    .quadro::-webkit-scrollbar-track {
      background-color: #acacac;
	   border-radius: 10vw 0 0 10vw;
    }
    .quadro::-webkit-scrollbar-thumb {
      background-color: #161616;
        border-radius: 10vw 0 0 10vw;
    }
    .quadro::-webkit-scrollbar-thumb:hover {
      background-color: #000;
    }
	

    .quadro::-webkit-scrollbar-track {
      background-color: #acacac;
	   border-radius: 0 !important;
    }
    .quadro::-webkit-scrollbar-thumb {
      background-color: #161616;
        border-radius: 0 !important;
    }


.quadro h2{
	font:1.8vw Exco;
	font-weight:bold;
	color:#333;
	width:100%;
}

.quadro h3{
	font:1vw Exco;
	font-weight:bold;
	color:#333;
	margin:1.5vw 0 0.2vw 0;
}

.quadro h4{
	font:0.8vw Tahoma;
	color:#333;
}

.quadro p{
	font:1vw Tahoma;
	color:#333;
	margin:1vw 0 0 0;
	line-height:1.7vw;
	text-align: justify;
}

  .projeto_detalhes > div {
      display: none;
    }
    .projeto_detalhes .show {
      display: block;
    }

.anc_projeto{
	text-decoration:none;
}

	
	.negrito{
		font-weight:bold;
	}
	

	
	.fotos_projeto p{
		width:100%;
	}
	

	
.block{
	display:block !important;
}


.img_escritorio{
	width:48%;
	float:left;
	margin:0 2vw 0 0;
}


     /* EstilizaÃ§Ã£o da barra de rolagem */
    .gallery::-webkit-scrollbar  {
      height: 0.5vw;
    }
    .gallery::-webkit-scrollbar-track {
      background-color: #acacac;
	   border-radius: 10vw 0 0 10vw;
    }
    .gallery::-webkit-scrollbar-thumb {
      background-color: #161616;
        border-radius: 10vw 0 0 10vw;
    }
    .gallery::-webkit-scrollbar-thumb:hover {
      background-color: #000;
    }
	

    .galleryfull::-webkit-scrollbar-track {
      background-color: #acacac;
	   border-radius: 0 !important;
    }
    .galleryfull::-webkit-scrollbar-thumb {
      background-color: #161616;
        border-radius: 0 !important;
    }

	.gallerya-item {
  position: relative;
  display: inline-block;
  overflow:hidden;
  text-align:center;
  text-decoration:none !important;
}

.gallerya-item a{
	text-decoration:none;
}

.gallerya-item a:hover{
	text-decoration:none;
}



.description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  font:1vw Tahoma;
  color: white;
  padding: 1.5vw;
  box-sizing:border-box;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* ComeÃ§a oculto abaixo da imagem */
  transition: opacity 0.8s ease, transform 0.8s ease; /* Adiciona transiÃ§Ã£o para o efeito fade-up */
}

.description a{
  color: white;
  text-decoration:none;
}

.description a:hover{
  color: white;
  text-decoration:none;
}

.gallerya-item:hover .description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); /* Mostra a descriÃ§Ã£o na posiÃ§Ã£o normal */
}

.gallerya-item i{
	display:inline-block;
	margin:0 0 1vw 0;
	}
	
		@media screen and (min-width: 767px) {
		    .ft_mobile{
		        display:none
		    }
		     .quadro{
	width:100%;
	padding:3vw 0;
	overflow-x: hidden;
    overflow-y: auto;
	box-sizing:border-box;
}


	    .galleryfull{
	width:100% !important;
	float:left !important;
}

   .gallery-inner {
      display: flex;
	  flex-wrap:no-wrap;
      transition: transform 0.3s ease-in-out;
	  justify-content:space-evenly;
	  margin:0 0 2vw 0;
    }
   


 .gallery {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
	  float:right;
	  padding:0 0.5vw;
    }
    
	 .gallerya-item a{
		 width:10vw;
		 background-color:#fff;
		 padding:2vw 1vw;
		 display:flex;
		 flex-wrap:wrap;
		 font:1.3vw Arial;
		 justify-content:center;
		 align-items:center;
		 border-radius:1vw;
		 text-decoration:none;
	 }
	 
	 .gallerya-item:hover a{
		 background-color:#27b4ab;
		 color:#fff;
		  text-decoration:none;
	 }
	 
	 .iconedesc{
		 color:#000;
	 }
	 
	.active a{
		 text-decoration:none !important;
	 }
	 
	 .active a{
		 background-color:#27b4ab;
		 color:#fff;
		 text-decoration:none !important;
	 }
	 
	 .active  .triangulo-para-baixo{
		 opacity:1;
	 }
	 
	 .conteudo_descr{
		 width:50%;
		 float:left;
	 }
	 
	 .foto_descr{
		 width:45%;
		 float:right;
		 border-radius:1vw;
		 overflow:hidden;
	 }
	 
	.gallerya-item:hover .triangulo-para-baixo {
    opacity:1;
}
	 
	  .triangulo-para-baixo{
		width: 0; 
		height: 0; 
		margin:0 auto;
		border-left: 1vw solid transparent;
		border-right: 1vw solid transparent;
		border-top: 1vw solid #27b4ab;
		opacity:0;
	  }
	 
	
     .gallerya-item {
      flex-shrink: 0;
      width:10vw !important; /* Largura de cada imagem */
      margin-right: 1vw;
	  cursor:pointer;
    }
    
    	.descricao_projeto{
		width:100%;
		float:left;
	}
	
	.projeto_detalhes img {
     width: 100%; 
	 float:left;
	 object-fit:cover;
    }
	
		.fotos_projeto {
		margin:1vw 0 0 0;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		float:left;
	}
		.fotos_projeto img {
		width:100%;
		float:left !important;
		margin:1vw 0.5vw 0 0;
		padding:0;
		cursor:pointer;
		
	}
    
    .img_fotos{
	float:left;
	width:40%;
}
	}
	
		@media screen and (max-width: 767px) {
			
			  /* EstilizaÃ§Ã£o da barra de rolagem */
    .gallery::-webkit-scrollbar  {
      height: 2vw;
    }
	
		    .ft_mobile{
		        display:none
		    }
		     .quadro{
	width:100%;
	padding:4vw 0;
	overflow-x: hidden;
    overflow-y: auto;
	box-sizing:border-box;
}


	    .galleryfull{
	width:100% !important;
	float:left !important;
}

   .gallery-inner {
      display: flex;
	  flex-wrap:no-wrap;
      transition: transform 0.3s ease-in-out;
	  justify-content: flex-start !important;
	   margin:0 0 2vw 0;
    }
   


 .gallery {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
	  float:right;
	  padding:0 0.5vw;
    }
    
	 .gallerya-item a{
		 width:30vw;
		 background-color:#fff;
		 padding:2vw 1vw;
		 display:flex;
		 flex-wrap:wrap;
		 font:1.3vw Arial;
		 justify-content:center;
		 align-items:center;
		 border-radius:2vw;
	 }
	 
	 .gallerya-item:hover a{
		 background-color:#27b4ab;
		 color:#fff;
	 }
	 
	 .iconedesc{
		 color:#000;
	 }
	 
	 
	 .active a{
		 background-color:#27b4ab;
		 color:#fff;
	 }
	 
	 .active  .triangulo-para-baixo{
		 opacity:1;
	 }
	 
	 .conteudo_descr{
		 width:100%;
		 float:left;
	 }
	 
	 .foto_descr{
		 width:100%;
		 float:left;
		 border-radius:3vw;
		 overflow:hidden;
		 margin:3vw 0 0 0;
	 }
	 
	.gallerya-item:hover .triangulo-para-baixo {
    opacity:1;
}
	 
	  .triangulo-para-baixo{
		width: 0; 
		height: 0; 
		margin:0 auto;
		border-left: 3vw solid transparent;
		border-right:3vw solid transparent;
		border-top: 3vw solid #27b4ab;
		opacity:0;
	  }
	 
	
     .gallerya-item {
      flex-shrink: 0;
      width:30vw !important; /* Largura de cada imagem */
      margin-right: 1vw;
	  cursor:pointer;
    }
    
    	.descricao_projeto{
		width:100%;
		float:left;
	}
	
	.projeto_detalhes img {
     width: 100%; 
	 float:left;
	 object-fit:cover;
    }
	
		.fotos_projeto {
		margin:1vw 0 0 0;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		float:left;
	}
		.fotos_projeto img {
		width:100%;
		float:left !important;
		margin:1vw 0.5vw 0 0;
		padding:0;
		cursor:pointer;
		
	}
    
    .img_fotos{
	float:left;
	width:40%;
}
	}
	
</style>