@charset "utf-8";

/*FUNDOS*/
.secao{
	width:100%;
	height:auto;
	padding-top:40px;
	padding-bottom:65px;
	float:left;
	position:relative; z-index:3;
	}
.bk_top{position:relative; z-index:6;}	
#inicio{background: linear-gradient(to bottom, rgba(255,204,0,0) 0%, rgba(255,204,0,1) 80%); position:relative; z-index:2;}
#servicos{background: #FFCC00; position:relative; z-index:2;}
#beneficios{background: #000; position:relative; z-index:2;}
#mkt{background: linear-gradient(to bottom, #000000, #FFCC00); position:relative; z-index:2;}
#obras{background: #FFF; position:relative; z-index:3;}
#clientes{background:#F1F1F2; position:relative; z-index:2;}				
#empresa{background: #000; position:relative; z-index:2;}	
#blog{background: #000; position:relative; z-index:2;}	
#contato{background: #333; position:relative; z-index:2;}
#rodape{background: #000; position:relative; z-index:5;}

.larguraP{
	max-width:1280px;
	margin:auto;
	transition:0.2s ease-in-out;
	}
@media(max-width:1280px){
	.larguraP{
	max-width:90%;
	}
	}	

/* BANNER DESTAQUE */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1; 
}				

/*INICIO*/
.leftBK_Incio{
	width:50%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.Conteiner_inicio{
	width:100%;
	display: flex;
	justify-content: center;
	}	
.Title_inicio{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size:60px; font-weight:700; color:#000; text-align: center;
	padding-top:50px;
	line-height:1.2;
	}
.TXT_inicio{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #000; text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	line-height:1.3;
	}	
.BT_Amarelo,
.BT_Amarelo:visited,
.BT_Amarelo:active{
 	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	margin-right:5px; margin-bottom:5px;
	border-radius:10px;
	background: #000;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align:left;
	text-decoration:none;
	position:relative;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center; 
	}	
.BT_Amarelo:hover{
	background:#FFF;
	color:#000;
	}
.BT_Amarelo.whasapp::after{
	content:'';
	width:50%;
	height:50%;
	background:url(../imagens/incio/bt_whatsapp.svg) no-repeat center left;
	position:absolute;
	left:0;
	}	
.BT_Amarelo.obras::after{
	content:'';
	width:50%;
	height:50%;
	background: url(../imagens/incio/bt_obras.svg) no-repeat center left;
	position:absolute;
	left:0; 
	}	
@media(max-width:1000px){
	.Title_inicio{
	font-size:40px;
	}
	.leftBK_Incio{
	width:100%;
	}
	}	
@media(max-width:800px){
	.Title_inicio{
	text-align: center;
	}
	.TXT_inicio{
	text-align: center;
	}	
	}	
@media(max-width:500px){
	.Title_inicio{
	padding-top:25px;
	font-size:30px;
	}
	.TXT_inicio{
	font-size: 16px;
	padding-top:25px;
	padding-bottom:25px;
	}
	.BT_Amarelo,
	.BT_Amarelo:visited,
	.BT_Amarelo:active{
	width:100%;
	margin-right:0;
	}	
	}
					
/*SERVIÇOS*/
.left_Bkservicos{
	width:50%;
	height:auto;
	float:left;
	}
.rigth_Bkservicos{
	width:50%;
	height:auto;
	float:left;
	padding-left:10%;
	}
.Title_servicos{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size:40px; font-weight:700; color: #000; text-align:center;
	line-height:1.2;
	}
.TXT_servicos{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color:#000; text-align: center;
	padding-top:25px;
	padding-bottom:25px;
	line-height:1.3;
	}	
/*box servicos*/	
.box_servicos {
	width:100%; 
	padding-right:15%; 
 	height:50px; 
	float:left; 
	padding-left:50px;
	margin-bottom:3px;
	background: #000; 
	border:0;
	border-radius:10px;
	position:relative; 
	cursor:pointer;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align:left;
	user-select: none;
	transition:0.2s ease-in-out;
	outline: none;
}
@media(max-width:500px){.box_servicos{ height: auto; padding-top:15px; padding-bottom:15px;}}
.box_servicos:hover {
	background: #FFF; color: #000;
	}
.box_servicos.active	{
	border-radius:10px; 
	background: #FFF; color: #000; 
	}	
/*Icone Abrir e Frechar*/
.box_servicos::after { 
	width:50px; 
	height:50px; 
	position:absolute; 
	right:0; top:0; 
	content: url(../imagens/servicos/icoMais.png);
	}
.box_servicos.active::after { 
	content: url(../imagens/servicos/icoMais2.png);
	}
/*conteudo_comoF*/
div.conteudo_Bxservicos {
	max-width:100%;
	padding-top:20px; padding-bottom:20px;
	padding-left:20px; padding-right:20px;
	margin-bottom:5px;
	margin-top:0;
	border:0;
	border-radius:10px;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
}
div.conteudo_Bxservicos.show {
	opacity:1; 
	max-height:100%; 
	display:block; 
	margin-top:0; 
	background: #FFF; 
	border-radius:10px;
	}	
.TXTbox_servicos{ 
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 16px; font-weight:400; color: #333; text-align: left;
	line-height:1.2;
}
.box_servicos.projeto::before{/*icone1*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-pro-basico.svg) no-repeat center left;
	}
.box_servicos.montagem::before{/*icone2*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-mont-painel.svg) no-repeat center left;
	}
.box_servicos.testetaf::before{/*icone3*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-teste-taf.svg) no-repeat center left;
	}
.box_servicos.testetac::before{/*icone4*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-teste-tac.svg) no-repeat center left;
	}
.box_servicos.instalacao::before{/*icone5*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-instalacao.svg) no-repeat center left;
	}
.box_servicos.eletromecanica::before{/*icone6*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-eletromecanica.svg) no-repeat center left;
	}	
.box_servicos.construcao::before{/*icone6*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/servicos/ico-construt-civil.svg) no-repeat center left;
	}							
/*final box servicos*/	
.Bkformulario_orca{
	width:100%;
	height:auto;
	padding:35px;
	background: #000;
	border-radius:0 10px 0 0;
	}
.Title_formS{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 25px; font-weight:700; color: #FFF; text-align:center;
	line-height:1.2;
	padding-bottom:15px;
	}	
.TXT_formS{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: center;
	line-height:1.2;
	padding-bottom:20px;
	}	
.BT_branco:active,
.BT_branco:visited,
.BT_branco{
	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	border-radius:10px;
	background: #FFF;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #000; text-align:left;
	text-decoration:none;
	position:relative;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center; 
	}
.BT_branco:hover{
	background: #333;
	color: #FFF;
	}
.BT_branco.whatsapp::after{
	content:'';
	height:50px; width:50px; position:absolute; left:0; top:0;
	background:url(../imagens/servicos/bt_orcamento.svg) no-repeat center center;
	}
.BT_branco.empresa::after{
	content:'';
	height:50px; width:50px; position:absolute; left:0; top:0;
	background: url(../imagens/empresa/bt-empresa.svg) no-repeat center center;
	}	
/* formulario whatsapp 1 */
select {
  width: 100%;
  max-width: 100%;
  height: 50px;
  border: 0;
   border-radius:10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background: #FFF;
  padding-left: 10px; /* Ajuste o valor conforme necessário */
  margin-bottom:3px;
}
.select-label {/* esconde o texto do label do formulario */
	position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0; overflow: hidden;  border: 0;
}
input {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 50px;
  border: 0;
  border-radius:10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background: #FFF;
  padding-left: 10px; /* Ajuste o valor conforme necessário */
  margin-bottom:3px;
}
textarea {
  width: 100%;
  max-width: 80%;
  border-radius: 10px;
  height: 90px;
  border: 0;
  margin-bottom: 10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
  background: #333333;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  resize: none;
  padding: 10px; /* Adicione uma pequena margem ao redor do texto */
  box-sizing: border-box; /* Certifique-se de incluir padding na largura total */
}	
/*ação cor*/	
.email_form:valid {background:#00dc00; color:#000;}
.email_form:invalid {color: #900;}	
/* Cor dos campos de texto */	
.FormDestaque ::placeholder { color: #000; }

.BTformW1:visited,
.BTformW1:active,
.BTformW1{ 
	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	margin-top:15px;
	border-radius:10px; border:0;
	background: #FFF;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #000; text-align:left;
	text-decoration:none;
	position:relative;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center; 
	}
.BTformW1:hover{ 
background: #333;
color:#FFF;
}	
.BTformW1.whatsapp::after{
	content:'';
	width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/servicos/bt_formulario.svg) no-repeat center center; 
	}
@media(max-width:800px){
	.left_Bkservicos{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	.rigth_Bkservicos{
	width:100%;
	height:auto;
	float:left;
	padding-left:0;
	}
	}	
@media(max-width:500px){
.Title_servicos{
	font-size:25px;
	}
.TXT_servicos{
	font-size: 16px; 
	padding-top:15px;
	}
.Title_formS{
	line-height:1;
	}			
.TXT_formS{
	font-size: 16px; 
	}
.Bkformulario_orca{
padding:15px;
	}			
	}	
	
/*BENEFICIOS*/
.Title_Beneficios{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #FFF; text-align:center;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_Beneficios{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: center;
	line-height:1.2;
	padding-bottom:25px;
	}
.leftBKbeneficios{
	width:50%;
	height:auto;
	float:left;
	}
.rigthBKbeneficios{
	width:50%;
	padding-left:5%;
	height:auto;
	float:left;
	}
.QualidadesBR{
	padding-bottom:25px;
	content:url(../imagens/beneficio/TAS-Eletrica-beneficio-qualidade.png);
	}	
.BTorca_beneficios:visited,
.BTorca_beneficios:active,
.BTorca_beneficios{
	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	border-radius:10px; border:0;
	background: #FFF;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #000; text-align:left;
	text-decoration:none;
	position:relative;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center; 
	}
.BTorca_beneficios:hover{
	background: #333;
	color:#FFF;
	}	
.BTorca_beneficios.whatsapp::after{
	content:'';
	width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bt_orcamento.svg) no-repeat center center; 
	}		

/*box benficios*/	
.box_beneficios {
	width:100%; 
	padding-right:15%; 
 	height:50px; 
	float:left; 
	padding-left:50px;
	margin-bottom:3px;
	background: #FFCC00; 
	border:0;
	border-radius:10px;
	position:relative; 
	cursor:pointer;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #000; text-align:left;
	user-select: none;
	transition:0.2s ease-in-out;
	outline: none;
}
@media(max-width:500px){.box_beneficios{ height: auto; padding-top:15px; padding-bottom:15px;}}
.box_beneficios:hover {
	background: #FFF; color: #000;
	}
.box_beneficios.active	{
	border-radius:10px; 
	background: #FFF; color: #000; 
	}	
/*Icone Abrir e Frechar*/
.box_beneficios::after { 
	width:50px; 
	height:50px; 
	position:absolute; 
	right:0; top:0; 
	content: url(../imagens/beneficio/icoMais.png);
	}
.box_beneficios.active::after { 
	content: url(../imagens/beneficio/icoMais2.png);
	}
/*conteudo*/
div.conteudo_Bxbeneficios {
	max-width:100%;
	padding-top:20px; padding-bottom:20px;
	padding-left:20px; padding-right:20px;
	margin-bottom:5px;
	margin-top:0;
	border:0;
	border-radius:10px;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
}
div.conteudo_Bxbeneficios.show {
	opacity:1; 
	max-height:100%; 
	display:block; 
	margin-top:0; 
	background: #FFF; 
	border-radius:10px;
	}	
.TXTbox_beneficios{ 
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 16px; font-weight:400; color: #333; text-align: left;
	line-height:1.2;
}
.box_beneficios.bn1::before{/*icone1*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn1.svg) no-repeat center left;
	}
.box_beneficios.bn2::before{/*icone2*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn2.svg) no-repeat center left;
	}
.box_beneficios.bn3::before{/*icone3*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn3.svg) no-repeat center left;
	}
.box_beneficios.bn4::before{/*icone4*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn4.svg) no-repeat center left;
	}
.box_beneficios.bn5::before{/*icone5*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn5.svg) no-repeat center left;
	}
.box_beneficios.bn6::before{/*icone6*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn6.svg) no-repeat center left;
	}					
.box_beneficios.bn7::before{/*icone7*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn7.svg) no-repeat center left; 
	}			
.box_beneficios.bn8::before{/*icone7*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn8.svg) no-repeat center left; 
	}	
.box_beneficios.bn9::before{/*icone7*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn9.svg) no-repeat center left; 
	}	
.box_beneficios.bn10::before{/*icone7*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/beneficio/bn10.svg) no-repeat center left; 
	}					
/*final box benficios*/	
@media(max-width:800px){
	.leftBKbeneficios{
	width:100%;
	margin-bottom:25px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.rigthBKbeneficios{
	width:100%;
	padding-left:0;
	}
	}
@media(max-width:500px){
	.QualidadesBR {
	content: url(../imagens/beneficio/TAS-Eletrica-beneficio-qualidade-x.png);
    }
	.Title_Beneficios{
	font-size: 25px;
	}
	.TXT_Beneficios{
 	font-size: 16px;
	}
	}	
.container_mkt{
	display: flex;
    align-items: stretch; /* Mantém a altura igual para os elementos */
	}	
.dir_mkt{
	width:400px;
	padding-right:25px;
	}
.esq_mkt{
    flex: 1; /* Ocupa o espaço restante automaticamente */
    display: flex;
    flex-direction: column; /* Empilha o conteúdo verticalmente */
    align-items: flex-start; /* Alinha o conteúdo à esquerda */
    justify-content: center; /* Alinha o conteúdo verticalmente no centro */
	}	
.Title_mkt{
	padding-bottom:10px;
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 25px; font-weight:700; color: #FFCC00; text-align:left;
	line-height:1.2;
	padding-bottom:15px;
	}	
.TXT_mkt{
	padding-bottom:10px;
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: left;
	line-height:1.2;
	padding-bottom:20px;
	}	
@media(max-width:800px){
    .container_mkt {
        flex-direction: column; /* Empilha os elementos verticalmente */
    }
    
    .dir_mkt, .esq_mkt {
        width: 100%; /* Faz com que ambos ocupem 100% da largura do container */
		display: flex;
		justify-content: center;
		align-items: center;  /*alinha horizontalmente */
		padding-right:0;
		padding-bottom:25px;
    }
	.Title_mkt{
	text-align: center;
	}	
.TXT_mkt{
	text-align: center;
	font-size: 16px;
	}
	}
	
/*OBRAS*/	
.leftBkobras{
	width:50%;
	height:auto;
	float:left;
	}
.rigthBkobras{
	width:50%;
	height:auto;
	float:left;
	padding-left:5%;
	}
.Title_obras{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #000; text-align:center;
	line-height:1.2;
	padding-bottom:15px;
	}	
.TXT_obras{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #000; text-align: center;
	line-height:1.2;
	padding-bottom:25px;
	}	
.bkCaixaPbras {
    display: flex;
    flex-wrap: wrap;
}
.caixaObras {
    width: 48%; /* Para duas colunas */
	height:200px;
    margin: 1%; /* Espaçamento entre as caixas */
    padding: 20px;
    border: 2px solid #FFCC00;
	border-radius:10px;
	display: flex; /* Ativa o flexbox */
    flex-direction: column; /* Alinha os elementos em coluna */
    justify-content: center; /* Centraliza verticalmente */
    align-items: center; /* Centraliza horizontalmente */
    text-align: center; /* Alinha o texto ao centro */
}
.caixaObras h2{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight:700; color: #000; text-align:center;
	padding-bottom:10px;
	}
.caixaObras p{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 16px; font-weight: 400; color: #000; text-align: center; 
	}	
@media(max-width:1000px){
	.caixaObras {
    width: 98%; /* Para duas colunas */
	height:auto;
    margin: 1%; /* Espaçamento entre as caixas */
    padding: 20px;
    border: 2px solid #FFCC00;
	border-radius:10px;
	display: flex; /* Ativa o flexbox */
    flex-direction: column; /* Alinha os elementos em coluna */
    justify-content: center; /* Centraliza verticalmente */
    align-items: center; /* Centraliza horizontalmente */
    text-align: center; /* Alinha o texto ao centro */
}
	}	
@media(max-width:800px){
	.leftBkobras{
	width:100%;
	margin-bottom:25px;
	}
.rigthBkobras{
	width:100%;
	padding-left:0;
	}
	}
@media(max-width:500px){
	.Title_obras{
	font-size: 25px;
	}	
.TXT_obras{
	font-size: 16px;
	}	
	}	
	
/*CLIENTES*/
.Title_clientes{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #000; text-align:center;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_clientes{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #000; text-align: center;
	line-height:1.2;
	padding-bottom:50px;
	}	
/*Carrossel Depoimentos*/
.carousel-clientes {
    width: 100%;
	float:left;
    overflow: hidden;
    position: relative;
	margin-bottom:30px;
}	
.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease;
    margin-left: 0;
}
.trabalhos {
    flex: 0 0 calc(32% - 10px);
    margin: 5px;
    box-sizing: border-box;
    text-align: center;
	background: #FFF;
	border-radius:10px;
	position:relative;
	overflow: hidden;
}
@media(max-width:650px){
	.trabalhos {
    flex: 0 0 calc(100% - 10px);
}}
.trabalhos img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
	display:block;
}
.carousel-button {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.prev-button,
.next-button {
    width: 50px;
    height: 50px;
	background: #FFCC00;
    border: 1px solid #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    margin: 0 5px;
	user-select: none;
}
.prev-button:hover,
.next-button:hover {
    background: #FFF;
}
/*Final Carrossel Depoimentos*/
	
@media(max-width:500px){
	.Title_clientes{
	font-size: 25px;
	}
	.TXT_clientes{
	font-size: 16px;
	}	
	}	
	
/*EMPRESA*/
.leftBkempresa{
	width:50%;
	height:auto;
	float:left;
	}
.rigthBkempresa{
	width:50%;
	height:auto;
	float:left;
	padding-left:5%;
	padding-top:50px;
	}
.Title_Empresa{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #FFCC00; text-align: left;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_Empresa{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: left;
	line-height:1.3;
	padding-bottom:50px;
	}
.QuadEmpresa{
	width:100%;
	height:auto;
	float:left;
	padding:20px;
	border:2px solid #FFCC00;
	border-radius:10px;
	}
.Qe_esq{
	width:50%;
	height:auto;
	float:left;
	}
.Qe_dir{
	width:50%;
	height:auto;
	float:left;
	padding-left:20px;
	}	
.Qe_dir h2{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 25px; font-weight:700; color: #FFCC00; text-align: left;
	line-height:1.2;
	padding-bottom:15px;
	}
.Qe_dir p {
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 16px; font-weight: 400; color: #FFF; text-align: left;
	line-height:1.2; 
	}
@media(max-width:950px){
	.leftBkempresa{
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	.rigthBkempresa{
	width:100%;
	padding-left:0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	.TXT_Empresa{
	text-align: center;
	}
	}		
@media(max-width:500px){
	.Title_Empresa{
	font-size: 25px;
	}
	.TXT_Empresa{
	font-size: 16px;
	}
	.Qe_esq{
	width:100%;
	padding-bottom:20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.Qe_dir{
	width:100%;
	padding-left:0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align:center;
	}	
	.Qe_dir h2{
	text-align: center;
	}
.Qe_dir p {
	text-align: center;
	}
	}			

/*BLOG*/
.Title_Blog{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #FFCC00; text-align: center;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_Blog{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: center;
	line-height:1.3;
	padding-bottom:25px;
	}	
/*estilo blog*/	
.QuadNOTICIAvX .TitleNOTICIAv{font-size:30px;}	
.QuadNOTICIAvX{
	width:48.9%;
	height:auto;
	float:left;
	background:#000;
	margin:0.5%;
	cursor:pointer;
	position:relative;
	overflow: hidden;
	transition:0.2s ease-in-out;
	border-radius:10px;
	}
.QuadNOTICIAv{
	width:24%;
	height:auto;
	float:left;
	background:#000;
	margin:0.5%;
	cursor:pointer;
	position:relative;
	overflow: hidden;
	transition:0.2s ease-in-out;
	border-radius:10px;
	}
.TitleNOTICIAv{
	width:100%; padding:5%;
	height:auto;
	position:absolute;
	bottom:0; left:0; right:0;
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; color:#FFF; text-align:center;
	z-index:5;
	}	
.TagCategoria{
	padding:5px;
	border-radius:5px;
	background: #FFCC00;
	position:absolute;
	top:10px; left:10px;
	font-family:'Rubik', Arial, Helvetica, sans-serif; font-size:11px; font-weight:500; color: #000; text-align:center;
	z-index:5;
	}	
.BksombraNOTICIAv {
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 100%);
    transition: background 1s ease-in-out, height 1s ease-in-out, top 1s ease-in-out;
    z-index: 4;
}
.ImagemNOTICIAv img {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    z-index: 1;
}
/*hover*/
.QuadNOTICIAvX:hover .ImagemNOTICIAv img,
.QuadNOTICIAv:hover .ImagemNOTICIAv img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}	
@media(max-width:1000px){.QuadNOTICIAv {width:49%;}}
@media(max-width:1000px){.QuadNOTICIAvX {width:99%;}}	
@media(max-width:1000px){.QuadNOTICIAvX .TitleNOTICIAv{font-size:20px;}	}	
@media(max-width:550px){.QuadNOTICIAv {width:99%;}}
@media(max-width:550px){.Noticia_DestaqueP .QuadNOTICIAv {width:99%;}}
/*box ver mais*/
.box_MaisBlov {
	width:auto; 
	padding-right:15px; 
 	height:50px; 
	float:left; 
	padding-left:50px;
	margin-bottom:3px;
	background: #FFF; 
	border:0;
	border-radius:10px;
	position:relative; 
	cursor:pointer;
	font-family: 'Rubik',Arial, sans-serif; font-size:16px; font-weight:600; color: #000; text-align:left;
	user-select: none;
	transition:0.2s ease-in-out;
outline: none;
}
@media(max-width:500px){.boxcontend{ height: auto; padding-top:15px; padding-bottom:15px;}}
.box_MaisBlov:hover {
	background: #333; color: #FFF; 
	}
.box_MaisBlov.active	{
	border-radius:10px; 
	background: #333; color: #FFF; 
	}	
/*Icone Abrir e Frechar*/
.box_MaisBlov.blogmais::before {
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../../b/1a_img/bt_maisMaisBlog.svg) no-repeat center left;
	}
/*conteudo_comoF*/
div.conteudo_MaisBlov {
	width:100%;
	max-width:100%;
	padding-top:0; padding-bottom:0;
	padding-left:0; padding-right:0;
	margin-bottom:5px;
	margin-top:0;
	border:0;
	border-radius:10px;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
}
div.conteudo_MaisBlov.show {opacity:1; max-height:100%; display:block; margin-top:0; border-radius:0;}	
/*final box ver mais*/	

/*CONTATO*/
.Title_Contato{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #FFF; text-align: center;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_Contato{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: center;
	line-height:1.3;
	padding-bottom:25px;
	}
.Title_PerguntasFAQ{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 40px; font-weight:700; color: #FFF; text-align: left;
	line-height:1.2;
	padding-bottom:15px;
	}
.TXT_PerguntasFAQ{
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: 400; color: #FFF; text-align: left;
	line-height:1.3;
	padding-bottom:20px;
	}	
@media(max-width:500px){
	.Title_Contato{
	font-size: 25px;
	}
	.TXT_Contato{
 	font-size: 16px;
	}
	.Title_PerguntasFAQ{
	font-size: 25px; text-align:center;
	}
	.TXT_PerguntasFAQ{
	font-size: 16px; text-align:center;
	}	
	}	
.QuadContato_central{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:50px;
	}
.QuadContato_perguntas{
	width:100%;
	height:auto;
	float:left;
	display: flex;
	}
.bkimagem{
	width:350px;
	height:auto;
	flex: 1;
	}
.bkperguntas{
	width:calc(100% - 350px);
	padding-left:25px;
	height:auto; 
	}
@media(max-width:900px){
	.QuadContato_perguntas{
	display: block;
	}
	.bkimagem{
	width:100%;
	padding-bottom:25px;
	}
	.bkperguntas{
	width:100%;
	padding-left:0;
	}
	}		
/*box Contato*/	
.boxAtendimento {
	width:100%; 
	padding-right:15%; 
 	height:50px; 
	float:left; 
	padding-left:50px;
	margin-bottom:3px;
	background: #000; 
	border:0;
	border-radius:10px;
	position:relative; 
	cursor:pointer;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color: #FFF; text-align:left;
	user-select: none;
	transition:0.2s ease-in-out;
	outline: none;
}
@media(max-width:500px){.boxAtendimento{ height: auto; padding-top:15px; padding-bottom:15px;}}
.boxAtendimento:hover {
	background: #FFF; color: #000;
	}
.boxAtendimento.active	{
	border-radius:10px; 
	background: #FFF; color: #000; 
	}	
/*Icone Abrir e Frechar*/
.boxAtendimento::after { 
	width:50px; 
	height:50px; 
	position:absolute; 
	right:0; top:0; 
	content: url(../imagens/atendimento/Mais_box_atend.png);
	}
.boxAtendimento.active::after { 
	content: url(../imagens/atendimento/Mais_box_atend2.png);
	}
/*conteudo*/
div.conteudo_Bxcontato {
	max-width:100%;
	padding-top:20px; padding-bottom:20px;
	padding-left:20px; padding-right:20px;
	margin-bottom:5px;
	margin-top:0;
	border:0;
	border-radius:10px;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
}
div.conteudo_Bxcontato.show {
	opacity:1; 
	max-height:100%; 
	display:block; 
	margin-top:0; 
	background: #FFF; 
	border-radius:10px;
	}	
.TXTbox_contato{ 
	font-family:'Rubik',Tahoma, Geneva, sans-serif; font-size: 16px; font-weight:400; color: #333; text-align: left;
	line-height:1.2;
	padding-bottom:10px;
	padding-top:10px;
}
.boxAtendimento.whatsapp::before{/*icone1*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_whatsapp.svg) no-repeat center left;
	}
.boxAtendimento.telefone::before{/*icone2*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_telefone.svg) no-repeat center left;
	}
.boxAtendimento.emails::before{/*icone3*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_email.svg) no-repeat center left;
	}
.boxAtendimento.horario::before{/*icone4*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_horario.svg) no-repeat center left;
	}
.boxAtendimento.localidade::before{/*icone5*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_local.svg) no-repeat center left;
	}
.boxAtendimento.perguntas::before{/*icone6*/	
	content:''; width:50px; height:50px; position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/atend_perguntas.svg) no-repeat center left;
	}									
/*final box Contato*/	
.container-atendi {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.coluna1atendi {
    width: 350px;
    height: auto;
    float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coluna2atendi, .coluna3atendi {
    width: calc(50% - 175px); 
    height: auto;
    float: left;
    background-color: #FFF;
    border-left: 1px solid #F1F1F2;
    padding: 2%;
}
@media (max-width: 1000px) {
    .container-atendi {
	flex-direction: column;
    }
    .coluna1atendi,
    .coluna2atendi,
    .coluna3atendi {
	width: 100%;
	border-left: 0;
    }
}
.BTcontatoPP:active,
BTcontatoPP:visited,
.BTcontatoPP{
	width: auto;
	height:50px;
	padding-left:50px;
	padding-right:20px;
	border-radius:10px; border:0;
	background: #000;
	cursor:pointer;
	transition:0.2s ease-in-out;
	font-family:'Rubik',Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; color:#FFF; text-align:left;
	text-decoration:none;
	position:relative;
    display: inline-flex; /* Use inline-flex para evitar 100% */
    align-items: center; 
	}
.BTcontatoPP:hover{
	background:#333;
	}
.BTcontatoPP.whatsapp::after{/*icone 1*/
	content:''; width:50px; height:50px;
	position:absolute; left:0; top:0;
	background:url(../imagens/atendimento/bt-v-whatsapp.svg);
	}
.BTcontatoPP.ligar::after{/*icone 2*/
	content:''; width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/bt-v-celular.svg);
	}	
.BTcontatoPP.email::after{/*icone 3*/
	content:''; width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/bt-v-email.svg);
	}	
.BTcontatoPP.baixar::after{/*icone 4*/
	content:''; width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/bt-v-baixar.svg);
	}	
.BTcontatoPP.local::after{/*icone 5*/
	content:''; width:50px; height:50px;
	position:absolute; left:0; top:0;
	background: url(../imagens/atendimento/bt-v-localidade.svg);
	}				


/*Formulário WhatsApp 2*/
.FormAtendimento .select-fAt {
    width: 100%;
    max-width: 100%; /* Ajuste largura do formulario */
    border-radius: 10px;
    height: 40px;
    border: 0;
    margin-bottom: 10px;
    font-family: 'Rubik', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding-left: 10px;
}
.FormAtendimento .input-fAt {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%; /* Ajuste largura do formulario */
    border-radius: 10px;
    height: 40px;
    border: 0;
    margin-bottom: 10px;
    font-family: 'Rubik', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding-left: 10px;
}
.FormAtendimento .textarea-fAt {
    width: 100%;
    max-width: 100%; /* Ajuste largura do formulario */
    border-radius: 10px;
    height: 90px;
    border: 0;
    margin-bottom: 10px;
    font-family: 'Rubik', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    resize: none;
    padding: 10px;
    box-sizing: border-box;
}
/* Cor dos campos de texto */
.FormDestaque ::placeholder {
    color: #333;
}
/* Estilização geral para placeholders */
::placeholder {
    color: #333; /* Mesma cor para os placeholders */
    opacity: 1; /* Garante que seja visível em todos os navegadores */
}
/* Para as opções desabilitadas no select */
.select-fAt option[disabled] {
    color: #333; /* Cor para as opções desabilitadas */
}
/* Estilização dos campos input, textarea e select */
.input-fAt, .textarea-fAt, .select-fAt {
    color: #333; /* Mesma cor para o texto */
    background-color: #FFF; /* Fundo branco */
}
.BTWhastContato:visited,
.BTWhastContato:active,
.BTWhastContato {
    width: auto;
    height: 50px;
    padding-left: 50px;
    padding-right: 20px;
    border-radius: 10px;
	border:0;
    background: #000;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    font-family: 'Rubik', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: left;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.BTWhastContato:hover {
    background: #333;
}
.BTWhastContato.whatsapp::after {/*icone 1*/
    content: ''; width: 50px; height: 50px;
    position: absolute;left: 0; top: 0;
    background: url(../imagens/atendimento/bt-v-whatsapp.svg) no-repeat center center;
}

.Form_atenimento {
    width: 100%;
    height: 530px;
    float: left;
    border: none; 
    overflow: hidden; 
}