/* PRODUTOS */
section { padding: 122px 0px 70px 0px; }

.semregistro { width: 100% !important; padding: 40px 0px 80px 0px !important; height: auto !important; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-size: 32px; line-height: 40px; text-align: left; border: none !important }
.semregistro i { color: var(--cor-secundaria); font-size: 38px; padding: 0px 10px 0px 0px; line-height: 40px; }
.semregistro p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-size: 15px; text-align: left; }

.categorias { position:relative; margin: 35px 0px; width: 100%; text-align: left; height: auto; }
.categorias ol { width:100%; list-style:none; text-align:left; }
.categorias ol li { width:auto; height:auto; position:relative; line-height: 30px; display: inline-block; vertical-align: top; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 15px; }
.categorias ol li a { color: var(--cor-texto); line-height:30px; font-size: 13px; font-weight: 500; display: inline-block; vertical-align: top; }
.categorias ol li a:hover, .categorias ol li a.categoria_ativo { text-decoration:underline; color: var(--cor-secundaria); }
.categorias ol li:not(:first-child)::after { color: var(--cor-secundaria); line-height:30px; position:absolute; left:0px; top: 0px; content: '/'; font-size: 13px; font-weight: 500; }

/*PRODUTOS*/
.produtos { width: 100%; height: auto; position: relative; clear: both; padding: 0px; text-align: center; }
.produtos ul { width: 100%; height: auto; position: relative; text-align: left; display: flex; justify-content: flex-start; flex-wrap: wrap; z-index:5; gap: 30px; padding: 20px 0px 0px 0px; }
.produtos ul li { width: 23%; border: 2px solid #eaeaea; background: #ffffff; border-radius: 15px; box-sizing: border-box; height: 450px; margin: 0px; position: relative; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; overflow:hidden; }
.produtos ul li .avatar { width: 80%; height: 200px; position: relative; overflow: hidden; display: block; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow:hidden; padding: 30px 10%; }
.produtos ul li .avatar .cta_orcamento { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; width: 100px; cursor: pointer; border-radius:  10px; text-align: center; background-color: var(--cor-primaria); height: 25px; line-height: 25px; padding: 12px 25px 12px 20px; margin: 10px 20px 10px 0px; color: #ffffff; font-size: 13px; font-family: var(--fonte-padrao); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  font-weight:800; }
.produtos ul li .avatar .cta_orcamento:hover { background-color: var(--cor-texto); }
.produtos ul li .avatar .cta_orcamento span { font-size: 18px; line-height: 25px; width: 20px; height: 25px; color: #ffffff; margin: 0px 0px 0px 20px; display: inline-block; vertical-align: top; text-align: center; overflow:hidden; font-weight: lighter; }
.produtos ul li .avatar img { max-width: 100%; max-height: 80%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:absolute; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); display:block; }
.produtos ul li .view { position: relative; padding: 10px 25px 20px 25px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); height: auto; z-index: 11; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.produtos ul li .view .titulo_produto { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto); line-height: 20px; letter-spacing: 0px; clear: both; font-size: 16px; padding: 0px 0px 10px 0px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:800; }
.produtos ul li .view .titulo_produto:after { width: 60px; height:2px; background:var(--cor-secundaria); left:50%; bottom:0px; transform:translate(-50%,0); content:''; position:absolute; }
.produtos ul li .view .introducao_produto { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: rgba(0, 0, 0, 0.5); line-height: 16px; letter-spacing: 0px; clear: both; font-size: 13px; padding: 10px 0px 0px 0px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:500; }
.produtos ul li .view .categoria_produto { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 20px; letter-spacing: 0px; clear: both; font-size: 13px; padding: 10px 0px 0px 0px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:800; }
.produtos ul li:hover { border: 2px solid var(--cor-secundaria);}
.produtos ul li:hover .avatar img { opacity:0.5; }
.produtos ul li:hover .avatar .cta_orcamento { opacity: 1; padding: 12px 35px 12px 30px; width: 140px; }


@media screen and (max-width: 1100px) {
	section { padding: 90px 0px 30px 0px !important; }

	/*SOLUÇÕES*/
	.produtos { width: 96%; padding-left:2%; padding-right:2%; padding-top: 0px; }
	.produtos ul li { width: 100%; height:auto; margin-bottom:10px; text-align: center; }
}