section { padding: 20px 0px 0px 0px; }

/*PRODUTO*/
.produto { width: 100%; height: auto; position: relative; text-align: center; padding-top: 50px; }
.produto .detalhes_do_produto { width: 57%; height: auto; position: relative; display: inline-block; vertical-align: top; text-align: left; }
.produto .detalhes_do_produto.sem_variacao { width: 100%; }
.produto .detalhes_do_produto .item { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: top; text-align: left; }

.produto .detalhes_do_produto .item .compartilhamento { width: 100%; height: auto; position: relative; border-bottom: 1px solid #f4f6f8; margin-bottom: 10px; }
.produto .detalhes_do_produto .item .compartilhamento #shareRoundIcons { width: auto; height: auto; position: relative; text-align: left; top: 0px; padding-bottom: 5px; }
.produto .detalhes_do_produto .item .compartilhamento #shareRoundIcons .jssocials-share-link { font-size: 9px; color: #ffffff; overflow: hidden;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.produto .detalhes_do_produto .item .compartilhamento #shareRoundIcons .jssocials-share { margin: 0em 0.6em 0.3em 0; }
.produto .detalhes_do_produto .item .compartilhamento #shareRoundIcons .jssocials-shares { margin: 0.1em 0; }

.produto .detalhes_do_produto .item.sem_variacao { width: 100%; }
.produto .detalhes_do_produto .item .avatar { display: inline-block; padding: 10px; vertical-align: top; width: 270px; height: auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.produto .detalhes_do_produto .item .avatar img { width: 270px; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }

.produto .detalhes_do_produto .item .resumo { width: -moz-calc(100% - 322px); width: -webkit-calc(100% - 322px); width: -o-calc(100% - 322px); width: calc(100% - 322px); padding: 10px 15px; position: relative; height: auto;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: top; text-align: right; }
.produto .detalhes_do_produto .item .resumo.sem_foto { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }
.produto .detalhes_do_produto .item .resumo .valores { width: 320px; padding: 0px; text-align: right; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: top; }
.produto .detalhes_do_produto .item .resumo .valores .opcao { width: 100%; height: auto; position: relative; text-align: right; display: inline-block; vertical-align: top; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .desconto { display: inline-block; width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-secundaria); line-height: 14px; font-size: 12px; font-weight: 800; text-align: right; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; right: 0px; top: 0px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .valor { display: inline-block; vertical-align: top; width: auto; height: auto; padding: 3px 10px; position: relative; font-family: var(--fonte-padrao); color: #282e49; line-height: 18px; font-size: 14px; font-weight: 800; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #f4f6f8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .valor span { font-weight: 300; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .valor_de { display: inline-block; vertical-align: top; width: auto; height: auto; padding: 3px 6px; position: relative; font-family: var(--fonte-padrao); color: #282e49; line-height: 18px; font-size: 12px; font-weight: 800; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: line-through; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .valor_de span { font-weight: 600; }
.produto .detalhes_do_produto .item .resumo .valores .opcao .slug { display: inline-block; vertical-align: top; width: auto; height: auto; position: relative; font-family: var(--fonte-padrao); color: rgba(0,0,0,0.6); line-height: 22px; font-size: 12px; font-weight: 300; padding: 0px 10px; }

.produto .detalhes_do_produto .textuais { width: 100%; padding: 30px 0px; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: top; margin: 30px 0px; }
.produto .detalhes_do_produto .textuais .destacados { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; text-align: left; }
.produto .detalhes_do_produto .textuais .destacados ol { width: 100%; height: auto; position: relative; list-style: none; padding-bottom: 20px; text-align: left; }
.produto .detalhes_do_produto .textuais .destacados ol li { width: auto; position: relative; display: inline-block; vertical-align: top; padding: 5px 10px; font-size: 13px; font-weight: 400; text-align: left; color: #283047; letter-spacing: 0px; background-color: #f4f6f8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 0px 0px; }
.produto .detalhes_do_produto .textuais .destaque { width: 100%; border-bottom: 1px solid #f4f6f8; margin-bottom: 20px; display: inline-block; vertical-align: top; position: relative; height: auto; padding: 0px 0px 20px 0px; font-size: 16px; font-weight: 800; text-align: left; color: #283048; }
.produto .detalhes_do_produto .textuais .introducao_produto { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: #283048; line-height: 18px; font-size: 14px; font-weight: 600; text-align: left; padding-bottom: 10px; }
.produto .detalhes_do_produto .textuais .descricao_produto { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: #282e49; line-height: 18px; font-size: 12px; font-weight: 400; text-align: left; }
.produto .detalhes_do_produto .destaques { width: 100%; height: auto; position: relative; margin: 25px 0px; text-align: center; padding-top: 20px; }
.produto .detalhes_do_produto .destaques ul { width: 100%; height: auto; position: relative; list-style-type: none; column-count: 2; column-gap: 10px; }
.produto .detalhes_do_produto .destaques ul li { display: inline-block; width: 100%; vertical-align: top; height: auto; margin: 5px; position: relative; overflow: hidden; text-align: left; font-size: 13px; line-height: 18px; font-weight: 400; font-family: var(--fonte-padrao); color: #283048; }
.produto .detalhes_do_produto .destaques ul li strong { font-weight: 600; }
.produto .detalhes_do_produto .video { width: 900px; background-color: #283048; height: 420px; position: relative; margin: 30px auto; display: inline-block; vertical-align: top; text-align: center; z-index: 10; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.produto .detalhes_do_produto .video img { width: 900px; height: 420px; opacity: 0.4; position: relative; z-index: 10; }
.produto .detalhes_do_produto .video .play { width: 900px; height: 420px; z-index: 11; position: absolute; background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.produto .detalhes_do_produto .video:hover { -webkit-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); -moz-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); }
.produto .detalhes_do_produto .video:hover img { opacity: 1; }
.produto .detalhes_do_produto .video:hover .play { background-size: auto 100px; }

/*VARIAÇÃO*/
.produto .variacao { width: 40%; height: auto; position: relative; display: inline-block; vertical-align: top; margin-left: 2%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px; overflow: hidden; }
.produto .variacao.multipla .destaca_modelo { text-align: left; }
.produto .variacao .destaca_modelo { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; background: #f4f6f8; position: relative; color: #283048; font-size: 15px; font-weight: 700; padding: 12px 10px 12px 10px; text-align: center; }
.produto .variacao .destaca_modelo span { float: right; background-color: #f4f6f8; padding: 3px 10px; color: #283048; font-family: var(--fonte-padrao); font-size: 10px; font-weight: 600; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; letter-spacing: 1px; }
.produto .variacao ul { width: 100%; height: auto; list-style-type: none; text-align: center; padding: 5px 0px 10px 0px; position: relative; }
.produto .variacao ul li { cursor: pointer; display: inline-block; color: #283048; text-align: left; border: 1px solid #f4f6f8; vertical-align: top; width: -moz-calc(50% - 32px); width: -webkit-calc(50% - 32px); width: -o-calc(50% - 32px); width: calc(50% - 32px); height: auto; position: relative; line-height: 16px; padding: 10px; font-size: 13px; font-weight: 400; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 4px 2px 0px 2px }
.produto .variacao.multipla ul li { width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: -o-calc(100% - 28px); width: calc(100% - 28px); line-height: 16px; padding: 5px 10px; }
.produto .variacao ul li:hover { background-color: #f4f6f8; }
.produto .variacao ul li input[type=radio], .produto .variacao ul li input[type=checkbox] { display: none; }
.produto .variacao ul li i { float: right; font-size: 18px; line-height: 16px; color: #283048; padding-left: 10px; }
.produto .variacao ul li p { font-size: 10px; width: 100%; line-height: 10px; color: rgba(0,0,0,0.6); text-align: left; }
.produto .variacao ul li span i { float: right; font-size: 18px; line-height: 16px; color: #eaeaea; padding-left: 10px; }
.produto .variacao ul li span { font-weight: 600; padding-left: 5px; position: relative; float: right; }
.produto .variacao ul li:hover span i { color: #283047; }
.produto .variacao ul li.selecionado p, .produto .variacao ul li.selecionado:hover p, .produto .variacao ul li.selecionado i, .produto .variacao ul li.selecionado:hover i  { color: rgba(255,255,255,0.6); }
.produto .variacao ul li.selecionado, .produto .variacao ul li.selecionado:hover {  background: #2b8e00; border: 1px solid #2b8e00; color: #ffffff; }

/*RESUMO*/
.resumo_flutuante { width: 100%; height: auto; position: fixed; z-index: 1000; text-align: left; padding: 10px 0px 2px 0px; top: 75px; background-color: #f4f6f8; }
.resumo_flutuante .nome_produto { width: auto; max-width: 60%; display: inline-block; vertical-align: top; position: relative; height: auto; padding: 0px; font-size: 18px; font-weight: 800; text-align: left; color: #283048; line-height: 40px; }
.resumo_flutuante .nome_produto .tag_produto { width: auto; background-color: var(--cor-secundaria); height: auto; padding: 2px 6px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 12px; font-size: 10px; font-weight: 600; text-align: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; vertical-align: top; margin: 12px 10px 12px 0px; }
.resumo_flutuante .quantidade { float: right; width: auto; height: auto; position: relative; margin: 0px 30px; text-align: center; }
.resumo_flutuante .quantidade .acao { cursor: pointer; padding: 7px 15px; color: rgba(0,0,0,0.4); line-height: 25px; font-size: 28px; font-weight: 400; width: 20px; height: 30px; text-align: center; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: inline-block; vertical-align: top; }
.resumo_flutuante .quantidade .total_acao { width: 40px; display: inline-block; vertical-align: top; position: relative; height: 30px; padding: 0px 0px 20px 0px; font-size: 20px; line-height: 40px; font-weight: 600; text-align: center; color: #000000; }
.resumo_flutuante .quantidade .acao:hover { background-color: #f4f6f8; }
.resumo_flutuante .item_pedir { cursor: pointer; float: right; background-color: #283048; text-decoration: none; font-size: 14px; color: #ffffff; font-weight: 600; padding: 0 20px; line-height: 40px; width: auto; height: auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.resumo_flutuante .item_pedir span { float: right; padding-left: 35px; font-size: 16px; }
.resumo_flutuante .item_pedir:hover { padding: 0px 25px; }

/*AVISO*/
.aviso_alerta { width: 100%; height: auto; position: fixed; z-index: 1000; text-align: center; padding: 0px; bottom: 0px; background-color: red; -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.1); }
.aviso_alerta .mensagem_fechado { width: auto; display: inline-block; vertical-align: top; position: relative; height: 60px; padding: 0px; font-size: 18px; line-height: 60px; font-weight: 500; text-align: center; color: #ffffff; }
.aviso_alerta .mensagem_fechado i { color: #ffc245; font-size:18px; line-height: 60px; padding: 0px 15px 0px 0px; float: left; }

@media screen and (max-width: 1100px) {
	section { padding: 80px 0px 20px 0px; }
	
	.produto { width: 94%; padding: 0px 3%; }
	.produto .resumo .nome_produto { padding: 20px 0px 20px 0px; font-size: 18px; }
	.produto .item { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: top; }
	.produto .item.sempre_100 { width: 100% !important; }
	.produto .item .infos { width: 100%; height: auto; position: relative; padding: 0px 0px 10px 0px; text-align: left; }
	.produto .item .infos .avatar { float: none; margin: 0px 0px 10px 0px; width: 100%; height: auto; }
	.produto .item .infos .avatar img { width: 100%; height: auto; height: auto; }
	.produto .item .infos .ve_mais { width: 100; position: relative; height: auto; padding: 0px 0px 10px 0px; }
	.produto .item .infos .ve_mais .entrega { width: 100%; height: auto; position: relative; text-align: left; float: right; }
	.produto .item .infos .ve_mais .valor { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; margin: 0px; text-align: left; }
	.produto .item .infos .ve_mais .valor .quanto { padding: 5px 0px; color: #000000; line-height: 30px; letter-spacing: 1px; font-size: 28px; float: none; }
	.produto .item .infos .ve_mais .valor .quanto strike { text-decoration: line-through; opacity: 0.4; font-size: 20px; letter-spacing: 0px; }
	.produto .item .infos .ve_mais .sobre { width: 100%; height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 14px; line-height: 20px; }

	.produto .variacao { width: 96%; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 2% 20px 2%; }
	
	.resumo_flutuante .quantidade { margin: 0px 10px; }
	.resumo_flutuante .quantidade .acao { cursor: pointer; padding: 7px 10px; }
	.resumo_flutuante .quantidade .total_acao { font-size: 24px; width: 30px; }
	.resumo_flutuante .item_pedir { margin-right: 10px; }
	.resumo_flutuante .item_pedir span { padding-left: 15px; }
}