/*** ENCUESTAS ****/
.botonera {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
	.botonera > button {
		font-family: inherit;
		font-size: inherit;
		color: #fff;
		color: var(--button-text-color);
		background-color: #ef5455;
		background-color: var(--button-background-color);
		border-radius: 6px;
		border-radius: var(--button-border-radius);
		padding: 10px 20px;
		font-weight: 500;
		font-style: normal;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		line-height: 1.3;
		border: 1px solid #ef5455;
		border: 1px solid var(--button-border-color);
		outline: 0;
		vertical-align: middle;
		-webkit-appearance: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
	}
	.botonera .btn-anterior {
		margin-left: 0;
		margin-right: auto;
	}
	.botonera .btn-siguiente,
	.botonera .btn-submit {
		margin-left: auto;
		margin-right: 0;
	}
	.botonera .btn-submit {
		border-color: #000;
		background-color: #000;
	}

.step-indicator {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
.progress-bar-container {
	width: 100%;
	background-color: #e0e0e0;
	height: 8px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.progress-bar {
	height: 100%;
	width: 0;
	background-color: #4caf50;
	border-radius: 4px;
	transition: width 0.3s ease;
}