/* LISTAGEM */
section .listagem { width: 100%; height: auto; min-height: 550px; padding: 0px 0px 40px 0px; position: relative; clear: both; }
section .listagem .espacos { width: 100%; height: auto; position: relative; }
section .listagem .espacos ul { width: 100%; height: auto; list-style-type: none; text-align: left; }
section .listagem .espacos ul li { margin-right: 10px; margin-left: 10px; margin-bottom: 40px; background-color: #ffffff; }

/*VAZIO*/
.vazio { background: transparent; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; border-top: 1px solid rgba(0,0,0,0); }
.vazio p { color: #000000; font-weight: 400; width: 100%; text-align: center; }
.vazio i { color: var(--cor-principal); font-size: 60px; width: 100%; line-height: 100px; text-align: center; padding-top: 100px; }

/*CATEGORIAS*/
.categorias_filtros { width: 100%; height:auto; position: relative; margin: 0px 0px 20px 0px; }
.categorias_filtros ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; }
.categorias_filtros ul li { position: relative; display: inline-block; font-weight: 600; vertical-align: top; width: auto; margin: 0px 5px 0px 0px; color: #000000; font-size: 13px; font-family: var(--fonte-padrao); text-align: center; height: auto; padding: 7px 15px; line-height: 15px; background-color: #eaeaea; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; overflow: hidden; }
.categorias_filtros ul li.ativo,.categorias_filtros ul li:hover { color: #ffffff; background: var(--cor-principal); }

/*CARD ESPAÇO*/
.espaco_card { width: 255px; height: auto; min-height: 430px; background-color: #ffffff !important; 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; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px; }
.espaco_card .avatar { width: 260px; height: 170px; position: relative; background-color: #f4f6f8; overflow: hidden; }
.espaco_card .avatar img { width: 260px; height: 170px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.espaco_card .resumo { width: 100%; padding: 10px 0px 0px 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; }
.espaco_card .resumo .titulo_carro { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; padding: 5px 10px; position: relative; font-family: var(--fonte-padrao); color: #000000; line-height: 20px; font-size: 16px; text-align: left; }
.espaco_card .resumo .litragem { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; padding: 5px 10px; position: relative; font-family: var(--fonte-padrao); color: #454545; line-height: 15px; font-size: 11px; text-align: left; border-top: 1px dotted #cccccc; }
.espaco_card .resumo .litragem .item { width: auto; min-width: 49.5%; height: auto; padding: 5px 0px; position: relative; font-family: var(--fonte-padrao); color: #454545; line-height: 15px; font-size: 11px; text-align: left; display: inline-block; vertical-align: top; }
.espaco_card .resumo .litragem .item i { float: none; width: auto; height: auto; color: var(--cor-principal); font-size: 10px; line-height: 15px; display: inline-block; vertical-align: top; position: relative; margin: 0px; padding: 0px 5px 0px 0px; left: inherit;top: inherit; }
.espaco_card .resumo .litragem span { float: right; color: #454545; padding-right: 5px; }
.espaco_card .resumo .valor_carro { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; padding: 14px 10px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-principal); line-height: 22px; font-size: 18px; text-align: left; }
.espaco_card .resumo .valor_carro span { font-size: 12px; color: rgba(0,0,0,0.5) }
.espaco_card .vendedor { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); border-top: 1px solid #f4f6f8; height: auto; position: absolute; bottom: 0px; text-align: left;font-family: var(--fonte-padrao); color: #454545; line-height: 30px; padding: 5px 10px 10px 10px; font-size: 11px; }
.espaco_card .vendedor .autor { width: 30px; height: 30px; margin: 0px; float: right; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; overflow: hidden; }
.espaco_card .vendedor .autor img { width: 100%; height: auto; overflow: hidden; display: block; position: relative; }
.espaco_card:hover { box-shadow: rgba(149, 157, 165, 0.7) 0px 8px 24px; z-index: 100; }

@media screen and (max-width: 1150px) {
	section { padding-top: 50px; }
	section .listagem { text-align: center; }
	section .listagem .espacos { width: 100%; }
	section .listagem .espacos ul { text-align: center; }
	section .listagem .espacos ul li { float: none; display: inline-block; }

	.categorias_filtros { width: 100%; height:auto; position: relative; margin: 10px 0px 0px 0px; }
	.categorias_filtros ul { text-align: center; }
	.categorias_filtros ul li { margin: 3px; }

	.espaco_card { width: 320px; height: auto; }
	.espaco_card .avatar, .espaco_card .avatar img { width: 320px; height: auto; }
	.espaco_card .diferenciais { margin: 170px 0px 0px 0px;}

}