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

.question { 
	margin-bottom: 20px; 
	text-align: left;
}

 .result { 
	 margin-top: 30px; 
	 padding: 20px; 
	 border: 1px solid #ccc; 
	 border-radius: 8px; 
	 width: 80%;
	 text-align: left;
}

.txt_grid{
	color: #181818;
	text-align: left;
	font-style: italic;
}

.grid{
	display:grid; 
	grid-template-columns: 1fr 1fr;
	gap:16px;
	position: relative;
}

.grid::before{
	content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%; /* centraliza no meio */
      width: 2px;
      background: #181818;
      transform: translateX(-50%);	
}

.col {
   margin-top: 20px;
	margin-right: 10px;
    }

 .col2 {
	margin-top: 20px;
	margin-left: 40px;
	/* background-color: #A0A0A0;*/
    }

.bar { 
	background: #ddd; 
	border-radius: 5px; 
	height: 25px; 
	margin: 5px 0; 
	width: 100%; 
}

.bar span { 
	display: block; 
	height: 100%; text-align: center; 
	color: white; 
	border-radius: 5px; 
}

.bar.saude span { 
	background: #08AB0E; 
}

.bar.risco span { 
	background: #A20909; 
}

.bar.eu span { 
	background: #0382D0; 
}

.bar.parceiro span { 
	background: #852B83; 
}