
	body {
		font-family: 'Arial', sans-serif;
		margin: 0;
		padding: 0;
		background-color: #f9f9f9;
		color: #333;
	}

	h1 {
		text-align: center;
		margin: 20px 0;
		color: #020080;
	}

	form {
		max-width: 900px;
		margin: 20px auto;
		background: #fff;
		padding: 25px;
		border-radius: 8px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}

	fieldset {
		border: 1;
		margin-bottom: 25px;
		background-color: #f9f9f9;
	}

	legend {
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 15px;
		color: #020080;
	}

	label {
		display: block;
		margin-bottom: 0px;
		font-weight: bold;
	}

	input, select, textarea {
		width: 100%;
		padding: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 1em;
		box-sizing: border-box;
		text-transform: uppercase;
	}

	input[readonly] {
		background-color: #888888;
		color: #020080;
		border-color: #333333;
	}
	  
	input:not([readonly]) {
		background-color: #fff; /* Cor de fundo para inputs editáveis */
		color: #000; /* Cor do texto para inputs editáveis */
		border-color: #ccc; /* Cor da borda para inputs readonly */
	}

	input[required], select[required] {
		background-color: #fffbe6; /* Cor de fundo para inputs obrigatórios */
		border-color: #ffc107; /* Cor da borda para inputs obrigatórios */
	}
	  
	/* Estilo para inputs sem o atributo required
	input:not([required]){
		background-color: #ffffff;
		border-color: #ccc;
	}
	*/

	select:not([required]) {
		background-color: #ffffff; /* Cor de fundo para inputs não obrigatórios */
		border-color: #ccc; /* Cor da borda para inputs não obrigatórios */
	}

	button {
		background-color: #020080;
		color: white;
		font-weight: bold;
		padding: 10px 15px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transition: background-color 0.3s;
	}

	button:hover {
		background-color: #020080;
	}

	.group {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.group .field {
		flex: 1;
		min-width: calc(50% - 10px);
	}

	@media (max-width: 600px) {
		.group .field {
			min-width: 100%;
		}
	}

	#dependentesForm {
		display: none;
	}
	
	.radio-inline {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.radio-inline label {
		margin: 0;
	}
	
	input[type="radio" i] {
		margin-bottom: 0;
	}
	
	.error {
    color: red;
    font-weight: bold;
    }
