@charset "utf-8";
/* CSS Document */

body{ margin:2px; padding:0; border:0; overflow-x:hidden; background: #FFF; 
user-select: none; /*tirar seleção */
}

body {scrollbar-width: thin; scrollbar-color:#00dc00 #3f3f41;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background: #3f3f41;}
body::-webkit-scrollbar-thumb {background-color:#00dc00; border-radius: 20px;}
img {max-width:100%;}
*{margin:0; padding:0;}

/*Formulario */

/*CheckBox */
.aceito-termos {
    display: flex;
    justify-content: flex-start; /* Alinhar horizontalmente à esquerda */
    align-items: flex-start; /* Alinhar verticalmente no centro */
    margin-bottom: 10px; /* Adicione margem inferior para separação */
}
.termos-texto{
	height:30px;
	font-family: 'Rubik', Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  }
.aceito-termos input[type="checkbox"] {
    margin-right: 10px; /* Espaço entre o checkbox e o texto */
    width: 30px; /* Largura do checkbox */
    height: 30px; /* Altura do checkbox */
    appearance: none; /* Remove aparência padrão do checkbox */
    border: 1px solid #000; /* Borda ao redor do checkbox */
    border-radius: 5px; /* Borda arredondada */
    cursor: pointer; /* Altera o cursor ao passar sobre o checkbox */
    position: relative; /* Necessário para o posicionamento do pseudo-elemento */
}
.aceito-termos input[type="checkbox"]:checked {
    background-color: #529CBA; /* Cor de fundo quando marcado */
}
/* Estilize a marcação interna do checkbox (o "check") */
.aceito-termos input[type="checkbox"]::before {
    content: ""; /* Remove o "•" e usa um quadrado */
    display: block; /* Torna o pseudo-elemento um bloco */
    position: absolute; /* Posicionamento absoluto dentro do checkbox */
    top: 50%; /* Alinha verticalmente no centro */
    left: 50%; /* Alinha horizontalmente no centro */
    width: 10px; /* Tamanho da bolinha */
    height: 10px; /* Tamanho da bolinha */
    border-radius: 50%; /* Torna o "check" redondo */
    background-color: #fff; /* Cor de fundo da bolinha */
    transform: translate(-50%, -50%); /* Centraliza a bolinha */
}

/* Estilo quando o checkbox está marcado */
.aceito-termos input[type="checkbox"]:checked::before {
    background-color: #000; /* Cor da bolinha quando marcado */
}


select {
  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;
  color: #666;
  background: #FFF;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding-left: 10px; /* Ajuste o valor conforme necessário */
}

input {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%; /* Ajuste largura do formulario */
  border-radius: 10px;
  height: 40px;
  border: 1px solid #000;
  margin-bottom: 10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  background: #FFF;
  padding-left: 10px; /* Ajuste o valor conforme necessário */
}

textarea {
  width: 100%;
  max-width: 100%; /* Ajuste largura do formulario */
  border-radius: 10px;
  height: 141px;
  border: 0;
  margin-bottom: 10px;
  font-family: 'Rubik', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  background: #FFF;
  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: #529CBA; color: #FFF;}
.email_form:invalid {color: #F00;}	
/* Cor dos campos de texto */	
::-webkit-input-placeholder {color: #666;}
:-ms-input-placeholder { color:#666; }
:-moz-placeholder { color:#666;}  /* Firefox 18- */
::-moz-placeholder {color:#666; }  /* Firefox 19+ */	

.campoRecaptch{
	width:100%;
	margin-bottom:10px;
	font-family: 'Rubik',Arial, sans-serif;font-size:14px;font-weight:400;color: #000; text-align: left;
}
.btestilo{ 
	width:100%; 
	height:50px;
	padding-left:50px; 
	padding-right:25px;
	border:1px solid #000;
	border-radius:10px;
	background: #000 url(bt_email.svg) no-repeat center left; 
	cursor:pointer; 
	transition:ease-in-out 0.2s;
	font-family: 'Rubik',Arial, sans-serif;font-size:16px;font-weight:500;color: #FFF; text-align: left;
}
.btestilo:hover{ 
background: #FFF url(bt_email.svg) no-repeat center left;
color:#000;
}
.Alinha_BT_form{
	width:100%;
	display:flex;
	justify-content: start;
	}

/*ajuste tamanho do recapchta google*/
.recaptcha-container {
    width: 100%;
    max-width: 100%;
    height: 70px;
	transform: scale(0.97); /* Ajuste para redimensionar */
    transform-origin: left center; /* Ponto de origem para a escala */
	display: flex;
    align-items: center; /* Alinha verticalmente */ 
	justify-content: start;
	margin-bottom:10px;
}

@media(max-width:500px){
	form, .recaptcha-container{
	justify-content: center;
	 transform-origin: center center; 
	}
.Alinha_BT_form{
	justify-content: center;
	}	
	}