.container-apartamento .item {
	display: grid;
    gap: 0;
	grid-template-columns: repeat(2, 1fr);
	max-width: inherit !important;
	overflow: inherit !important;
	width: inherit !important;
}

.container-apartamento .item:nth-child(1n) {
	grid-template-areas:
		"imagem texto"
		"planta planta";
}

.container-apartamento .item:nth-child(2n) {
	grid-template-areas:
		"texto imagem"
		"planta planta";
}

.container-apartamento .item .imagem {
	width: 100%;
	aspect-ratio: 3 / 2.5;
	height: 100%;
	overflow: hidden;
	grid-area: imagem;
	z-index: 2;
}

.container-apartamento .item .imagem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.container-apartamento .item .texto {
	display: grid;
	align-content: center;
	justify-content: center;
	gap: var(--paddingPadrao);
	padding: var(--paddingMenor);
}

.container-apartamento .item .texto h2 {
	font-size: var(--H3) !important;
}

.container-apartamento .item .texto .lista {
	display: grid;
	gap: var(--gap) var(--paddingPadrao);
	grid-template-columns: max-content max-content;
	z-index: 1;
}

.container-apartamento .item .texto h3 {
	display: grid;
	grid-template-columns: min-content auto;
	line-height: 1em !important;
	height: max-content;
	gap: var(--gap);
	align-content: center;
	align-items: center;
	font-family: var(--fontePadrao) !important;
	font-size: var(--textoCorrido) !important;
}

.container-apartamento .item .texto h3:before {
	content: "";
	display: block;
	width: var(--textoCorrido);
	height: var(--textoCorrido);
	background-image: var(--favicon);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.container-apartamento .item .plantas-container {
	grid-area: planta;
	display: grid;
	position: relative;
	padding: 0 0 var(--paddingPadrao) 0;
}

.container-apartamento .item .plantas {
    display: grid;
    justify-content: center;
    justify-items: center;
    background: transparent;
    gap: var(--paddingPadrao);
    position: relative;
    padding: var(--paddingPadrao) 0 0 0;
}

.container-apartamento .item .plantas .placeholder {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--corAzul);
	z-index: -1;
}

.container-apartamento .item .plantas .texto-apartamento h3 {
	color: white !important;
}

.container-apartamento .item .plantas .planta-humanizada {
	max-width: var(--maxWidth);
	width: 90vw;
	aspect-ratio: 1476 / 261;
	overflow: visible;
	position: relative;
}

.container-apartamento .item .plantas .planta-humanizada img {
	aspect-ratio: 1476 / 522;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.container-apartamento .item .marker {
	max-width: var(--maxWidth);
	width: 90vw;
	aspect-ratio: 1476 / 261;
}

@media only screen and (max-width: 1100px) {
	.container-apartamento .item:nth-child(1n),
	.container-apartamento .item:nth-child(2n) {
		grid-template-areas:
			"imagem"
			"texto"
			"planta";
		grid-template-columns: repeat(1, 1fr);
	}

	.container-apartamento .item .texto {
		max-width: 90vw;
		justify-self: center;
		padding: var(--paddingPadrao) 0;
	}
}

@media only screen and (max-width: 767px) {
	
	.container-apartamento .item .texto .lista {
		grid-template-columns: max-content max-content;
		gap: var(--gap) var(--paddingMenor);
		justify-content: center;
	}

	.container-apartamento .item .texto h2 {
		text-align: center;
	}

	.container-apartamento .item .texto .lista h3 {
		font-size: var(--textoCorrido) !important;
	}
}

@media only screen and (max-width: 380px) {
	.container-apartamento .item .texto .lista {
		grid-template-columns: repeat(1, 1fr);
	}
}