:root{
	--simresvlrsitens__altura: 0;
	--simentsel-fundo: #efefef;
	--simentsel-height: 37px;
	--simentsel-track-box-shadow: inset 0 5px #e6e6e6, inset 0 -5px #e6e6e6;
	--simentsel-range: hsl(0 50% 70%);
	--simentsel-thumb-back: var(--vermelho-padrao) url(../imagens/icones/seta_arrastar.png) center center no-repeat;
	--simentsel-thumb-width: 50px;
	--simentsel-thumb-borda: 1px solid var(--vermelho-padrao);
	--simentsel-thumb-border-radius: 7px;
}


input[type=range] {
	pointer-events: none;
}
input[type=range]::-webkit-slider-thumb {
	pointer-events:auto;
}
input[type=range]::-moz-range-thumb{/*Firefox*/
  pointer-events: auto;
}


/*#region | ÁREA FORMAÇÃO VALORES PRINCIPAIS */
/*#region*/
.form-simulacao h2{font-size: 2rem;margin: 0 0 .5rem 0;}

.form-simulacao-info{font-size: 20px;font-weight: 500;line-height: 1em;}

.simula-valores-principais{padding: 30px 0;font-size: 22px;background-image: url(../imagens/textura/textura-01.jpg);}

.simula-valores-principais h2{margin: 0;font-size: 1.3em;font-weight: 600;}

.simula__area-principal{}

img.simula_moto_imagem{
	opacity: 0;
	transition:
		opacity .5s,
		transform 1s cubic-bezier(0, 0, 0.25, 0.99);
	transform: translateX(-70px);
}
.simula__formacao-item__moto img.simula_moto_imagem{
	position: absolute;
}
img.simula_moto_imagem--ativo{
	opacity: 1;
	transform: translateX(0);
}


.simula__nome-modelo__area-1{
margin-top: 10px;
}
.simula__nome-modelo__area-1 img{max-width: 90%;height:auto;}


.simula__nome-modelo__area-2{}

.simula__modelo-identificacao{text-align: center; 	}

.simula__modelo-nome{font-family: Triumph-Bold; font-size: 25px; 	}

.area-botao-alterar-modelo{
	margin-top: 20px;
}
.area-botao-alterar-modelo button{
	height: 40px;
	padding: 0 30px;
	font-size: 15px;
	font-weight: bold;
}

.simula__formacao{margin-top: 20px;}

.simula-forma-seta{display: none;width: 80px;font-size: 60px;font-weight: 600;}

.simulacao-item{
	margin-top: 50px;
	text-align: center;
}
.simulacao-item:first-child{
	margin-top: 0;
}

.simulacao-item-titulo{background: #000;color: #fff;font-size: 1.3rem;padding: 7px 0;}


.simulacao-item-1{}

.simulacao-item-1 .simula-item-interno{margin-left: 0;}


.simulacao-item-2{}


.simulacao-item-3{}
	.simulacao-item-3 .simula-item-interno{margin-right: 0;}


.simula-item-texto{margin-top: 10px;font-size: 0.9rem;line-height: 1em;}

.simulacao-campo{width: 100%;height: 40px;margin-top: 10px;font-size: 24px;text-align: center;font-family: Triumph-Bold;}
select.simulacao-campo{text-indent: 20px;}

.simulacao-campo[readonly]{background-color: hsl(0 0% 95%);border: none;outline: none;}


button.simula-botao{display: block;width: 100%;height: 50px;margin-top: 10px;border: none;border-radius: 5px;background-color: #eb0505;}

button.simula-botao .svg__recarregar{width: auto;height: 85%;fill: #fff;opacity: 0.8;}

button.simula-botao[disabled]{background-color: #ccc;}


.simula__formacao-item__moto{display: none;position: absolute;}
/*#endregion*/


/*#region | ENTRADA */
.simula-entrada-campo-area{position: relative}

/*#region | Seleção */
.simula-entrada-selecao-area{	margin-top: 10px; }

/*#region | Slider */
.simula-entrada-sel-input-area{
	border-right:3px solid var(--vermelho-padrao);
}
.simula-entrada-sel{
	appearance: none;
	display: block;
	position: relative;
	overflow: hidden;
	height: var(--simentsel-height);
	width: 100%;
	cursor: pointer;
	border-radius:5px;
}
.simula-entrada-sel::-webkit-slider-runnable-track{
	background-color: var(--simentsel-fundo);
	box-shadow: var(--simentsel-track-box-shadow);
}
.simula-entrada-sel::-webkit-slider-thumb{
	-webkit-appearance: none;
	width: var(--simentsel-thumb-width);
	height: var(--simentsel-height);
	background: var(--simentsel-thumb-back);
	box-shadow: -100vw 0 0 99vw var(--simentsel-range);
	border: var(--simentsel-thumb-borda);
	border-radius: var(--simentsel-thumb-border-radius);
}
.simula-entrada-sel::-moz-range-track{
	height: var(--simentsel-height);
	background-color: var(--simentsel-fundo);
	box-shadow: var(--simentsel-track-box-shadow);
}
.simula-entrada-sel::-moz-range-thumb{
	background: var(--simentsel-thumb-back);
	height: var(--simentsel-height);
	width: var(--simentsel-thumb-width);
	border: var(--simentsel-thumb-borda);
	border-radius: var(--simentsel-thumb-border-radius);
	box-shadow: -100vw 0 0 99vw var(--simentsel-range);
	box-sizing: border-box;
}
.simula-entrada-sel::-ms-fill-lower{
	background-color: var(--simentsel-range);
}
.simula-entrada-sel::-ms-thumb{
	background: #f00 url(../imagens/icones/seta_arrastar.png) center center no-repeat;
	border: var(--simentsel-thumb-borda);
	border-radius: 7px;
	width: var(--simentsel-thumb-width);
	height: var(--simentsel-height);
	box-sizing: border-box;
}
.simula-entrada-sel::-ms-track{
	color: transparent;
	height: var(--simentsel-height);
	background-color: var(--simentsel-fundo);
	box-shadow: var(--simentsel-track-box-shadow);
}
.simula-entrada-sel::-ms-ticks-after{display: none;}
.simula-entrada-sel::-ms-ticks-before{display: none;}
.simula-entrada-sel::-ms-tooltip{display: none;}
/*#endregion*/

.simula-entrada-min-max-area{
	display: flex;
}
.simula-entrada-min-max-area div{
	flex: auto;
	font-size: 15px;
}
.simula-entrada-min{text-align: left;}
.simula-entrada-max{text-align: right;}
/*#endregion*/


.simula-entrada-porcentagem,
.parcelas__qtde
{
	font-size: 24px;
}

.simula-entrada-valor-area{
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 5px
}
.simula-entrada-porcentagem{
	flex: 1 0 60px;
	display: block;
}
.simula-entrada-valor-area .simulacao-campo{
	flex: 1 1 auto;
	margin-top: 0;
	transition: font-size .5s;
}


.simulacao-entrada-erro{position: absolute;top: 0;padding: 10px 0;background-color: #666;color:#fff;font-size: 17px;font-weight: bold;line-height: 1.1em;z-index: 999;transition: transform .5s;transform: scale(0);}

.simulacao-entrada-erro span{display: block;}

.simulacao-entrada-erro span:before{content: '!';display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: 0 auto 5px auto;background-color: #fff;color: #f00;border-radius: 50%;font-size: 24px;font-family: serif;}	

.simulacao-entrada-erro--ativo{
	transform: scale(1)
}	

.campo--alterando{
	font-size: 30px !important;
}
/*#endregion*/


.parcelas__valores{
	margin-top: 10px;
}
.parcelas__qtde{
}
.parcelas__valor__campo{

}

.simulacao-item-adicionar{margin-top: 20px;padding: 30px 0;background-color: #e4e4e4;}

.simulacao-itens-adicionar{
	display: grid; 	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 	grid-gap: 15px 35px; 	margin-top: 15px;
}

.revisoes .item-a-incluir,
.garantias .item-a-incluir
{padding: 10px 20px;}

.item-a-incluir{
	position: relative;
	background-color: #fff;
	cursor: default;
	border: 2px solid #ffffff;
	border-radius: 5px;
	transition: border-color 0.5s, transform .5s;
}
.item-a-incluir:hover{
	border-color: #f005;transform: scale(1.05);
}

.botao-incluir,
.botao-excluir
{padding: 7px 0;border: 1px solid var(--vermelho-padrao);border-radius: 5px;background-color: transparent;text-transform: uppercase;font-weight: bold;font-size: 1.3em;transition: background-color .5s;color: #f00;}

.botao-incluir:hover{background-color: var(--vermelho-padrao);color:#fff;}

.botao-excluir{display: none;border-color:#aaa;color: #ccc;}
.botao-excluir:hover{color: #aaa;}


.item--incluido, .item--incluido:hover{border-color: #f00;transform: scale(1.05);}

.item--incluido .item-incluido-check{transform: scale(1);}

.item--incluido .botao-incluir{display: none;}
.item--incluido .botao-excluir:not([hidden]){display: block;}


.item-incluido-check{display: flex;align-items: center;justify-content: center;position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;border-radius: 50%;background-color: var(--vermelho-padrao);transform: scale(0);transition: transform .5s cubic-bezier(0, 0, 0.17, 1.6);}

.item-incluido-check svg{width: 76%;height: auto;stroke: #fff;}
/*#endregion*/


/*#region | ACESSÓRIOS */
.acessorios-relacao{margin-top: 20px;overflow: auto;}

.acessorios__interno{
	width: max-content;
	padding: 9px 0 0 7px;
	overflow: hidden;
	min-height: 70px;
}

.acessorio{display: inline-block;width: 230px;margin: 0 10px 15px 0;padding: 10px;font-size: 18px;text-align: center;}

.acessorio__img-area{height: 100px;padding-bottom: 7px;text-align: center;border-bottom: 2px solid #ccc;}

.acessorio__img-area img{max-height: 100%;width: auto;}

.acessorio__descricao{height: 60px;margin-top: 10px;font-weight: bold;line-height: 1.1em;}

.acessorio__valor{
	font-family: Triumph-Bold;
}

.acessorio button{width: 100%;margin-top: 15px;}
/*#endregion*/


/*#region | REVISÕES */
.revisoes{
	font-size: 20px;
}
.revisoes__descr-valor{
	font-size: 22px;
}
.revisoes__descricao{
	line-height: 1em;
}
.revisoes__titulo{
	margin-bottom: 5px;
	font-family: Triumph-Bold;
}
.revisoes__valor{
	margin-top: 5px;
	font-family: Triumph-Bold;
}
.revisoes__botoes{
	margin-top: 15px;
}
.revisoes__botoes button{
	width: 100%;
}
/*#endregion*/


/*#region | GARANTIAS */
.garantias__item{
	font-size: 22px;
	font-family: Triumph-Bold;
}
.garantias__botoes{
	margin-top: 10px;
}
.garantias__botoes button{
	width: 100%;
	height: 50px;
}
.garantias__botoes button svg{
	width: 40px;
	height: 26px;
	stroke: #f006;
	pointer-events: none;
}
.garantias__botoes button:hover svg,
.garantias .item--incluido .botao-excluir svg
{
	stroke:#fff
}

.garantias .item--incluido .botao-excluir{
	display: inline;
	background-color: var(--vermelho-padrao);
}
/*#endregion*/


/*#region | RESUMO */
.resumo{
	display: none;
	position: sticky;
	bottom: 0;
	width: 100%;
	padding: 15px 0;
	font-size: 16px;
	background-color: #000;
	color: #fff;
	border-top: 1px solid #aaa;
	transition: transform 1s ease-out;
	transform: translateY(120px);
	z-index: 99999;
}
	.resumo{
		.itens{
			height: var(--simresvlrsitens__altura);
			margin-top: 5px;
			overflow: hidden;
			transition: height .5s;
		}
			.itens-area-interna{
				margin-top: 10px;
				padding-top: 10px;
				border-top: 2px solid hsl(0, 0%, 50%);
			}
			.item{
				grid-template-columns: 130px 1fr;
			}

		.resumo__total-opcionais{
			display: flex;
			flex-wrap: wrap;
			color: hsl(0deg 0% 80%);
		}
		.resumo__tot-opc__titulo{
			flex: 0 0 145px;
		}
		.resumo__tot-opc__area{
			display: flex;
			flex: 1 1 220px;
		}

		.item-normal{
			display: grid;
		}

		.item-opcional{
			display: none;
		}

		.item .valor{
			font-size: 1.1em;
			font-family: Triumph-Bold;
		}

		.modelo-valor div{
			display: inline-block;
		}

		.nome-modelo{
			margin-right: 30px;
			font-family: Triumph-Heavy;
			font-size: 1.3em;
		}

		.valor-vista{
			width: 270px;
		}

		.item--visivel{
			display: grid;
		}

		.observacao_res{
			margin-top: 10px;
			font-size: .9em;
			font-style: italic;
			
			@media (width >= 1200px){
				font-size: .8em;
			}
		}

		&.resumo--ativo{
			transform: translateY(0);
		}

	}


.simula-res-solicitar-area{
	margin-top: 10px;
}
.simula-res-solicitar-area button{
	background-color: var(--vermelho-padrao);
	width: 100%;
	height: 50px;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	transition: transform 0.3s, background-color .3s;
}
.simula-res-solicitar-area button:disabled{
	opacity: .5;
}
.simula-res-solicitar-area button:hover{
	background-color: var(--vermelho-padrao--hover);
	transform: scale(1.2);
}
.simula-res-solicitar-area button:hover:disabled{
	transform: none;
	cursor: not-allowed;
}
.simula-res-solicitar-area__aviso{
	margin-top: 10px;
	font-size: 17px;
	font-style: italic;
	text-align: center;
	line-height: 1em;
	color: #e0dfdf;
}

button.simula-res-expandir{position: absolute;top:0;right: 10px;width: 50px;height: 50px;background-color: transparent;border: none;transform: rotate(-90deg);}

button.simula-res-expandir svg{width: 50%;height: auto;}
button.simula-res-expandir svg path{stroke: #666;stroke-width: 10;}

button.simula-res-expandir--ativo{
	transform: rotate(90deg);
}
/*#endregion*/


/*#region | ALTERAR MODELO */
.modelo__alterar__geral{}

.modelo__alterar__modelos{
	position: relative;
	width: 80%;
	height: 85%;
	overflow: auto;
}
.modelo-alterar-tipo{position: sticky;top: 0;margin: 0 auto 15px auto;padding: 10px 30px 0 30px;text-align: center;border-bottom: 1px solid var(--vermelho-padrao);background-color: #fff;}

.mod_alt_tipo__botao{width: 160px;margin: 8px 0;font-size: 1.2rem;font-family: Triumph-Bold;text-transform: uppercase;letter-spacing: 1px;transition: transform .5s;}

.mod_alt_tipo__botao--ativo,
.mod_alt_tipo__botao:hover
{transform: scale(1.2);color: var(--vermelho-padrao);}


button.modelo-alterar-modelo{display: block;width: 210px;margin: 0 auto 10px auto;padding: 0;background-color: #fff;font-size: 19px;font-weight: bold;text-align: center;border: 2px solid transparent;transition: border-color 0.3s;}

button.modelo-alterar-modelo img{display: block;margin: 0 auto 5px auto;pointer-events: none;max-width: 100%;}

button.modelo-alterar-modelo:hover{border-color: var(--vermelho-padrao);}

.modelos-relacao .modelo--inativo{display: none;}
/*#endregion*/


.lim-opc-exc__interno{
	width: 280px;
	padding: 30px;
}
.lim-opc-exc__mensagem{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.lim-opc-exc__mensagem:before{
	display: flex;
	width: 44px;
	height: 44px;
	margin: 0 auto 10px auto;
	content: "!";
	border-radius: 50%;
	background-color: var(--vermelho-padrao);
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: bold;
	color:#fff;
}
.limite-opcionais-excedido button{
	width: 100%;
	height: 50px;
	margin-top: 30px;
}


@media only screen and (min-width:600px){
	.area-botao-alterar-modelo button{
		font-size: 19px;
	}

	.simula__nome-modelo__area-1 img{max-width: 500px;}


	/*#region | RESUMO */
	.resumo .itens-area-interna{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
		grid-gap: 10px 10px;
		margin-bottom: 10px;
		padding: 0;
		border:none;
	}
	.resumo .itens{
		height: auto;
	}
	.resumo .item{
		grid-template-columns: none;
		padding: 5px 0 5px 15px;
		border: 1px solid hsl(0, 0%, 50%);
		background-color: hsl(0, 0%, 10%);
		border-radius: 3px;
	}
	.resumo .item-normal, .resumo .item--visivel{
		display: inline-block;
	}

	.resumo__tot-opc__area{
		display: block;
		flex: 0 0 auto;
		margin-right: 30px;
	}

	.resumo .item div{
		display: inline-block;
	}


	button.simula-res-expandir{display: none;	}
	/*#endregion*/


	.modelos-relacao{
		text-align: center;
	}
	button.modelo-alterar-modelo{
		display: inline-block;
		margin: 5px 5px 5px 5px;
	}


	.lim-opc-exc__interno{
		width: 430px;
	}
	.lim-opc-exc__mensagem{
		font-size: 18px;
	}
}

@media only screen and (min-width:768px){
	.revisoes-itens-area-1{flex:1 1 50%}

	.simula-valores-principais h2{font-size: 2.3em;}

	.simula__modelo-nome{font-size: 32px;}


	/*#region | POPUP Alteração modelo */
	button.modelo-alterar-modelo{
		transition: transform .5s, opacity .5s;
	}

	.modelo__alterar__modelos::-webkit-scrollbar{width:15px}
	.modelo__alterar__modelos::-webkit-scrollbar-track{background:#e4e4e4;}
	.modelo__alterar__modelos::-webkit-scrollbar-thumb{background: var(--vermelho-padrao);}
	/*#endregion*/
}

@media only screen and (min-width:900px){
	/*#region | SIMULAÇÃO | ITENS PRINCIPAIS */
	.simula-valores-principais{}

	.simula__seta-area-principal{display: flex;justify-content: center;margin-top: 10px;}

	.simula__nome-modelo__area-1{display: none;}

	.simula__modelo-identificacao{text-align: left}

	.simula__nome-modelo__area-2{display: flex; align-items: center}

	.simula__nome-modelo__area-2 div{flex: 1 0 50%}

	.area-botao-alterar-modelo{
		margin: 0;
		text-align: right
	}


	.simula__area-principal{flex: 0 0 860px;}

	.simula__formacao{display: grid;grid-template-columns: repeat(3, 1fr);position: relative;height: 600px;}

	.simulacao-item{position: relative;margin: 0;overflow: hidden;}

	.simula-item-interno{height: 200px;margin: 0 20px;}

	.simulacao-item-titulo{padding: 13px 0}

	.simulacao-item-1, .simulacao-item-2{
		border-right: 3px dashed var(--vermelho-padrao);
	}
	.simulacao-item-2, .simulacao-item-3{
		border-left: 3px dashed #fff;
	}

	.simula__formacao-item__moto{display: block;top: 180px;height: 430px;}

	.parcelas__valores{
		margin-top: 30px;
	}
	/*#endregion*/


	.revisoes__descr-valor{
		display: flex;flex-wrap: wrap;align-items: center;
	}
}

@media only screen and (min-width:1280px){
	.simula-forma-seta{display: block;flex: 0;margin-right: 50px;}


	.botao-incluir,
	.botao-excluir
	{padding: 3px 0;font-size: 1.1em;}

	.acessorio__valor{font-size: 1.1em;}

	.revisoes-itens-area-1{flex-basis: auto;}

	.revisoes__botoes button{margin-top: 0;}

	.simulacao-item-titulo{
		padding: 10px;
	}
	.simulacao-campo{
		height: 50px;
		font-size: 26px;
	}


	.resumo{
		font-size: 20px;
	}
	.resumo .area-interna{
		display: grid;
		grid-template-columns: 3.2fr 1fr;
		grid-gap: 0 40px;
		align-items: center;
	}
	.resumo .itens-area-interna{
		grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	}


	.garantias__item{
		display: flex;
		align-items: center;
	}
	.garantias__item div{
		flex:1 1 auto;
	}

	.garantias__botoes{
		margin: 0;
		text-align: right;
	}
	.garantias__botoes button{
		width: 50px;
	}
	.garantias__botoes button svg{
		width: unset;
		height: unset;
	}

	.modelo__alterar__modelos{
		width: 90%;
		height: 90%;
	}
}

@media only screen and (min-width:1280px) and (min-height:900px){
	.modelos-relacao .modelo--inativo{
		display: inline-block;
		opacity: .4;
		transform: scale(.7);
		pointer-events: none;
	}
}