body {
		font-family: Arial, sans-serif;
		padding: 20px;
	}

	.poll-card {
		display: flex;
		gap: 15px;
		padding: 16px;
		border-radius: 14px;
		border: 2px solid #ddd;
		margin-bottom: 15px;
		cursor: pointer;
		transition: .2s;
		align-items: center;
	}

	.poll-card img {
		width: 90px;
		height: 90px;
		object-fit: cover;
		border-radius: 12px;
	}

	.poll-card:hover {
		border-color: #007bff;
		background: #007bff22;
		transform: scale(1.02);
	}

	.poll-card.selected {
		border-color: #007bff;
		background: #007bff33;
		transform: scale(1.03);
	}

	input[type="radio"] {
		display: none;
	}

	.submit-btn {
		width: 100%;
		padding: 15px;
		border: none;
		border-radius: 12px;
		background: #007bff;
		color: white;
		font-size: 1.2rem;
		cursor: pointer;
		margin-top: 20px;
	}

	#show-results-btn {
		width: 100%;
		padding: 15px;
		border: none;
		border-radius: 12px;
		background: #007a5c;
		color: white;
		font-size: 1.2rem;
		cursor: pointer;
		margin-top: 20px;
	}

	#show-form-btn {
		width: 100%;
		padding: 15px;
		border: none;
		border-radius: 12px;
		background: #007bff;
		color: white;
		font-size: 1.2rem;
		cursor: pointer;
		margin-top: 20px;
	}



	/* Estilo geral do contêiner */
	#resultados {
		font-family: Arial, sans-serif;
		max-width: 100%;
		margin: 20px auto;
		padding: 20px;
		border-radius: 8px;
		background-color: #f9f9f9;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}

	/* Estilo de cada linha de resultado */
	.result-row {
		margin-bottom: 25px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-size: 16px;
		color: #333;
	}

	/* Estilo do texto de cada participante */
	.result-row strong {
		font-weight: normal;
		margin-bottom: 10px;
	}

	/* Wrapper para a barra de progresso */
	.bar-wrapper {
		width: 100%;
		height: 18px;
		background-color: #ddd;
		border-radius: 10px;
		overflow: hidden;
	}

	/* Estilo da barra de progresso */
	.bar {
		height: 100%;
		border-radius: 10px;
		transition: width 0.3s ease;
	}

	/* Cores personalizadas para cada barra */
	.bar:nth-child(1) {
		background-color: #2196f3;
		/* Azul para Penélope */
	}

	.bar:nth-child(2) {
		background-color: #ff9800;
		/* Laranja para Júlio */
	}

	.bar:nth-child(3) {
		background-color: #4caf50;
		/* Verde para Dr. Abobrinha */
	}

	.bar:nth-child(4) {
		background-color: #f44336;
		/* Vermelho para Morgana */
	}

	/* Ajuste do layout para as porcentagens */
	.result-row span {
		font-size: 16px;
		color: #555;
		margin-top: 5px;
		margin-bottom: 5px;
	}