@charset "utf-8";
/* CSS Document */

/* Página Home
/* ........... */

.item-mostruario,
.tabAnunciosGrupo a {
	--borda-item: 15px;
	width: 95%;
	margin: 0 auto;
	border: 1px solid var(--backDestaque);
	border-radius: var(--borda-item);
	background: var(--backCorpo);
	transition: 0.5s;
}

.item-mostruario:hover,
.tabAnunciosGrupo a:hover {
	filter: brightness(1.2) saturate(1.2);
}

	.item-mostruario img,
	.tabAnunciosGrupo a img {
		height: 170px;
		width: 100%;
		border-radius: var(--borda-item) var(--borda-item) 0 0;
		object-fit: cover;
	}

	.item-mostruario div,
	.tabAnunciosGrupo a div {
		width: 80%;
		padding: 20px 10%;
	}

		.item-mostruario div p,
		.tabAnunciosGrupo div p {
			color: var(--corFonteClaro);
		}

		.item-mostruario div p:nth-of-type(2),
		.tabAnunciosGrupo div p:nth-of-type(2) {
			color: var(--corPadrao);
			font-weight: bold;
			font-size: 2.5rem;
			margin: 0;
		}

		.item-mostruario div p:nth-of-type(3),
		.tabAnunciosGrupo div p:nth-of-type(3) {
			margin-top: 0;
			color: var(--corPadrao);
		}

		.item-mostruario div p:nth-of-type(4) span,
		.tabAnunciosGrupo div p:nth-of-type(4) span {
			display: block;
			margin: 7px 0;
			border: 1px solid var(--backDestaque);
			border-radius: 15px;
			padding: 5px 10px;
			font-size: 1.7rem;
		}

		.item-mostruario div p:nth-of-type(5) b,
		.tabAnunciosGrupo div p:nth-of-type(5) b {
			color: var(--corPadrao);
			font-weight: bold;
			font-size: 4rem;
			display: block;
		}

		.item-mostruario div p:nth-of-type(6),
		.tabAnunciosGrupo div p:nth-of-type(6) {
			font-size: 1.7rem;
		}

/* Página Home
/* ....................... */

.tabAnunciosGrupo {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
}

	.tabAnunciosGrupo {
		align-items: stretch !important;
		gap: 10px;
	}
		
		.tabAnunciosGrupo a {
			display: block;
			flex: 1 0 200px;
		}


/* Página Anuncios
/* ............... */

.sec-anuncio-init {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: start;
	gap: 50px;
}

	.sec-anuncio-init aside {
		flex: 0 0 200px;
	}
	
		.sec-anuncio-init aside form > ul > li:nth-of-type(1) {
			font-weight: bold;
		}
		
		.sec-anuncio-init aside :is(ul, li) {
			list-style: none;
			padding: 3px 0;
		}

	.sec-anuncio-init .list-int {
		flex-grow: 1;
	}

.anuncio-int .grupoAnuncio {
	margin: 35px 0 10px 0;
}

.anuncio-int .cidadeAnuncio {
	margin: 0 0 10px 0;
}

.anuncio-int .qd-categoria {
	padding: 5px 15px;
	margin: 3px;
	background: var(--corPadrao2);
	display: inline-block;
	transition: 0.5s;
	font-size: 1.8rem;
	border-radius: 12px;
}

	.anuncio-int .qd-categoria:hover {
		background: var(--corPadrao);
		color: var(--backCorpo);
	}

.anuncio-int .img-anuncio-int a {
	display: block;
	width: 92%;
	height: 250px;
	margin: 0 auto;
	filter: unset;
	transition: 0.5s;
}

	.anuncio-int .img-anuncio-int a:hover {
		filter: brightness(1.2) saturate(1.2);
	}

		.anuncio-int .img-anuncio-int a img {
			object-fit: cover;
			height: 100%;
		}

	.anuncio-int input {
		text-align: center;
	}

	
/* Página Error
/* ............... */

.erro {
	padding: 150px 0;
}

	.erro div {
		display: flex;
		justify-content: center;
		align-items: baseline;
		gap: 30px;
		flex-wrap: wrap;
	}

		.erro div > img {
			filter: grayscale(1) contrast(4);
		}

		.erro div > h1 {
			margin: 0 !important;
		}

		.erro p {
			text-align: center;
			font-size: 3rem;
			margin: 70px 25% 0;
			width: 50%;
		}