.page--como-funciona--block--simulador {
	position: relative;
	overflow-x: hidden;
	padding: 64px 0;
	background: #fafafa;
}
.page--como-funciona--block--simulador .simulador-title {
	margin: 0 0 48px;
	font-size: 48px;
	font-weight: 600;
	text-align: center;
}
.page--como-funciona--block--simulador .simulador-title-sub {
	margin: 0 auto 48px;
	width: 410px;
	font-size: 22px;
	text-align: center;
}
.page--como-funciona--block--simulador .simulador-selector ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	list-style: none;
	margin: 0 0 32px;
	padding: 0 0 6.5em;
}
.page--como-funciona--block--simulador .simulador-selector-item {
	position: relative;
	padding: 0 1em;
}
.page--como-funciona--block--simulador .simulador-selector-item h3 {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	transition: .5s color;
	z-index: 1;
}
.page--como-funciona--block--simulador .simulador-si-active h3 {
	color: #00d8d2;
}
.page--como-funciona--block--simulador .simulador-selector-item a {
	color: inherit;
	text-decoration: none;
}
.page--como-funciona--block--simulador .simulador-selector-about {
	position: absolute;
	left: 0.5em;
	top: 0;
	padding: 2em 0.5em 0;
	width: 360px;
	height: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: flex-start;
	border-left: 1px solid #fafafa;
	border-left-color: #00d8d200;
	border-left-color: transparent;
	opacity: 0;
	overflow: hidden;
	transition: .5s height ease-out, .5s opacity ease-out, .5s border-color;
}
.page--como-funciona--block--simulador .simulador-selector-about::before {
	content: '';
	display: block;
	position: absolute;
	left: -1px;
	top: 0;
	width: 1.5px;
	height: 100%;
	background-color: #00d8d2;
	opacity: 0;
	transition: 0.5s opacity;
}
.page--como-funciona--block--simulador .simulador-si-active .simulador-selector-about {
	height: 7.75em;
	opacity: 1;
	border-left-color: #00d8d2;
	border-left-color: #00d8d2ff;
}
.page--como-funciona--block--simulador .simulador-si-active .simulador-selector-about::before {
	opacity: 1;
}
.page--como-funciona--block--simulador .simulador-date-selector ul,
.page--como-funciona--block--simulador .simulador-record-selector ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none;
	margin: 0 0 16px;
}
.page--como-funciona--block--simulador .simulador-date-selector ul > li,
.page--como-funciona--block--simulador .simulador-record-selector ul > li {
	margin-right: 32px;
	font-size: 18px;
	font-weight: bold;
}
.page--como-funciona--block--simulador .simulador-date-selector ul > .simulador-ds-active,
.page--como-funciona--block--simulador .simulador-record-selector ul > .simulador-rs-active {
	color: #00d8d2;
}
.page--como-funciona--block--simulador .simulador-date-selector a,
.page--como-funciona--block--simulador .simulador-record-selector a {
	color: inherit;
	text-decoration: none;
}
.page--como-funciona--block--simulador .simulador-box {
	background: white;
	box-shadow: 0px 5px 10px #0000001A;
	border-radius: 10px;
}
.page--como-funciona--block--simulador .simulador-perfil {
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-items: stretch;
}
.page--como-funciona--block--simulador .simulador-perfil-sidebar {
	width: 261px;
	flex: 0 1 auto;
	display: flex;
	flex-flow: column nowrap;
}
.page--como-funciona--block--simulador .simulador-spacer-vert {
	width: 30px;
	flex: 0 4 auto;
}
.page--como-funciona--block--simulador .simulador-spacer-horz {
	height: 30px;
	flex: 0 1 auto;
}
.page--como-funciona--block--simulador .simulador-perfil-main {
	flex: 1 5 auto;
	max-width: 843px;
	display: flex;
	flex-flow: column nowrap;
}
.page--como-funciona--block--simulador .simulador-ps-foto {
	height: 243px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.page--como-funciona--block--simulador .simulador-ps-foto-frame {
	width: 172px;
	height: 172px;
	border-radius: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.page--como-funciona--block--simulador .simulador-ps-foto-frame img {
	position: relative;
	right: 48px;
	bottom: 24px;
}
.page--como-funciona--block--simulador .simulador-categorias {
	padding: 16px 0;
}
.page--como-funciona--block--simulador .simulador-categorias ul {
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.page--como-funciona--block--simulador .simulador-categorias ul > li {
	margin: 0 8px 8px 0;
	padding: 8px;
	font-size: 10px;
	color: white;
	background: #00d8d2;
	border-radius: 15px;
	transition: .5s background-color;
}
.page--como-funciona--block--simulador .simulador-categorias ul > .simulador-categoria-gold {
	background: #e6ab09;
}
.page--como-funciona--block--simulador .simulador-categorias-inativo ul > li,
.page--como-funciona--block--simulador .simulador-categorias-inativo ul > .simulador-categoria-gold {
	background: #e8e8e8;
}
.page--como-funciona--block--simulador .simulador-box-infos {
	display: flex;
	flex: 1 1 auto;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	padding: 12px 24px;
}
.page--como-funciona--block--simulador .simulador-box-infos > div {
	display: flex;
	flex: 1 1 auto;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.page--como-funciona--block--simulador .simulador-info {
	margin: 0;
	padding: 12px 0;
	line-height: 1.5em;
	transition: .5s opacity;
}
.page--como-funciona--block--simulador .simulador-info-full {
	width: 100%;
}
.page--como-funciona--block--simulador .simulador-info-inativo {
	opacity: 0.1;
}
.page--como-funciona--block--simulador .simulador-info-notapply {
	opacity: 0;
}
.page--como-funciona--block--simulador .simulador-info-destaque {
	color: #00d8d2;
}
.page--como-funciona--block--simulador .simulador-iv-border {
	margin: 8px 0 0;
	padding: 5px 12px;
	border: 1px solid #707070;
	border-radius: 10px;
}
.page--como-funciona--block--simulador .simulador-info:last-child {
	margin: 0;
}
.page--como-funciona--block--simulador .simulador-info-valor > span::after {
	content: ', ';
}
.page--como-funciona--block--simulador .simulador-info-valor > span:last-child::after {
	content: ' ';
}
.page--como-funciona--block--simulador .simulador-info-cols {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.page--como-funciona--block--simulador .simulador-box-title {
	padding: 0 24px 8px;
	font-size: 18px;
	font-weight: 700;
	color: #00d8d2;
}
.page--como-funciona--block--simulador .simulador-pm-basico {
	min-height: 243px;
}
.page--como-funciona--block--simulador .simulador-pm-trabalhos {
	flex: 1 1 auto;
}
.page--como-funciona--block--simulador .simulador-bottom-link {
	margin: 64px 0 0;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}
.page--como-funciona--block--simulador .simulador-bottom-link a {
	color: inherit;
}
.page--como-funciona--block--simulador .simulador-validation-dialog {
	margin: 0 auto;
	width: 420px;
}

@media (max-width: 768px) {
	.page--como-funciona--block--simulador .simulador-title-sub {
		width: 100%;
		max-width: 410px;
	}
	.page--como-funciona--block--simulador .simulador-selector ul {
		flex-flow: column nowrap;
		margin: 0;
		padding: 0;
	}
	.page--como-funciona--block--simulador .simulador-si-active h3 {
		color: inherit;
	}
	.page--como-funciona--block--simulador .simulador-selector-about {
		position: relative;
		left: 0;
		top: 0;
		padding: 1em 0 2em;
		width: 100%;
		height: auto;
		opacity: 1;
		border: none;
	}
	.page--como-funciona--block--simulador .simulador-si-active .simulador-selector-about {
		height: auto;
	}
	.page--como-funciona--block--simulador .simulador-selector-about::before {
		display: none;
	}
	.page--como-funciona--block--simulador .simulador-record-selector,
	.page--como-funciona--block--simulador .simulador-date-selector,
	.page--como-funciona--block--simulador .simulador-perfil,
	.page--como-funciona--block--simulador .simulador-validation {
		display: none !important;
	}
	.page--como-funciona--block--simulador .simulador-bottom-link {
		margin: 16px 0 0;
		font-size: 18px;
		font-weight: 600;
	}
}

@media (max-width: 480px) {
	.page--como-funciona--block--simulador .simulador-title {
		font-size: 36px;
	}
	.page--como-funciona--block--simulador .simulador-title-sub {
		max-width: 300px;
	}
}