/**
 * Estilos da página de detalhe do imóvel (page-imovel.php).
 * Extraído dos <style> inline espalhados pelo template.
 *
 * Carregado via <link> direto (não via wp_enqueue_style) porque este
 * template também renderiza em modo "popup iframe" (ver $popup_iframe em
 * page-imovel.php), que não chama get_header()/wp_head().
 */

#btn-ligue .texto-complementar {
	text-transform: uppercase;
	font-size: 11px;
	display: table;
	text-decoration: none;
	margin-top: -10px;
	margin-left: 50px;
}

@media only screen and (max-width: 768px) {
	#page-wrapper {
		margin-top: 35px;
	}

	#btn-ligue .icn-circle {
		line-height: 40px !important;
		width: 50px;
		font-size: 24px !important;
	}

	#btn-ligue div {
		font-size: 26px;
		line-height: 1;
	}

	#btn-ligue .texto-complementar {
		margin-top: 0;
	}
}

/* Preço Festival */
.tr-festival .festival-content {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	padding: 6px 0;
}

.tr-festival img {
	max-width: 130px;
	background: #F5802C;
	padding: 10px;
	border-radius: 10px;
	height: auto;
}

.tr-festival .festival-text .price {
	font-size: 25px;
}

@media (max-width: 768px) {
	/* mobile: empilhar com divs ocupando 100% */
	.tr-festival .festival-content {
		display: block;
	}

	.tr-festival img,
	.tr-festival .festival-text {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 8px 0;
	}

	.tr-festival img {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.asterisco {
	color: #666 !important;
	font-size: 15px !important;
	margin-left: 2px !important;
}

.owl-carousel .owl-item {
	margin-bottom: 10px;
}

#imagem-principal {
	position: relative;
	display: block;
}

#imagem-principal img {
	object-fit: cover;
}

/* Some a foto quando o item ativo é o vídeo (classe aplicada via JS) */
#imagem-principal.tem-video img {
	display: none;
}

.image-bg-blur::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: " ";
	filter: blur(8px);
	-webkit-filter: blur(8px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: var(--blur-bg-image);
}

#mapa {
	height: 300px;
}

#bloqueio-mapa {
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	position: absolute;
	background: transparent;
	z-index: 99999;
	bottom: 0;
}