@font-face{
	font-family: "Neo Sans Pro";
	src: url('NeoSansProRegular.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "Neo Sans Pro";
	src: url('NeoSansProBold.OTF');
	font-weight: bold;
	font-style: normal;
}


/* Estilos globais */
body {
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4; /* Ajuste a cor de fundo conforme o manual da marca */
    color: #333; /* Ajuste a cor do texto conforme o manual da marca */
}

/* Cabeçalho */
header {
    background-color: #5B7538; /* Ajuste a cor conforme o manual da marca */
    color: white;
	padding: 10px;
    text-align: center;
}

header h1 {
    margin: 0;
    font-size: 2em;
}

header p {
    margin: 5px 0 0;
}

main {
    margin: 0 10px ;
}
/* Informação do projeto */
.project-info {	
    font-family: 'Montserrat';
    background-color: #fff;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Formulário de avaliação */
.evaluation-form {
    font-family: 'Montserrat';
    background-color: #fff;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.evaluation-form h2 {
    margin-top: 0;
}

.question {
    font-weight: bold;
    font-family: 'Montserrat';
    margin-bottom: 20px;
}

.question label {
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
}

.question textarea {
    font-family: 'Montserrat';
    width: 97%;
    max-width: 97%; /* Impede que o textarea ultrapasse a largura do container */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 1em;
}

/* Estilizando o grupo de rádio */
.radio-group {
    display: flex;
    gap: 15px; /* Espaçamento entre os botões de rádio */
    margin-top: 10px;
	text-align: center;
}

.radio-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Ajuste o espaçamento entre as opções, conforme necessário */
    justify-content: center; /* Centraliza os números de 1 a 10 */
	text-align: center;
}
.radio-row label {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    font-size: 0.9em;
    color: #333;
}


.radio-group label {
    display: flex;
    flex-direction: column; /* Coloca o texto acima do botão */
    align-items: center;
    cursor: pointer;
    font-size: 0.9em; /* Tamanho do texto */
    color: #333; /* Cor do texto */
}

/* Estilizando os botões de rádio */
.radio-group input[type="radio"] {
    margin-top: 5px; /* Espaçamento entre o texto e o botão */
    accent-color: #5B7538; /* Cor de preenchimento do botão selecionado */
    width: 18px; /* Tamanho personalizado do botão de rádio */
    height: 18px; /* Tamanho personalizado do botão de rádio */
}

/* Botão de envio */
button[type="submit"] {
    font-family: 'Neo Sans Pro';
    background-color: #5B7538; /* Ajuste a cor conforme o manual da marca */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
}

button[type="submit"]:hover {
    background-color: green; /* Ajuste a cor conforme o manual da marca */
}
.required {
    color: red;
    font-weight: bold;
    margin-left: 5px; /* Espaçamento entre o texto e o asterisco */
}
/* Rodapé */
footer {
    background-color: #5B7538; /* Ajuste a cor conforme o manual da marca */
    color: white;
    text-align: center;
    padding: 10px 0;
    margin-top: 40px;
}