.menu-pequeno .conteudo-destaque.container-title, .site-menu-pequeno .conteudo-destaque.container-title { height: auto; }
.menu-medio .conteudo-destaque.container-title, .site-menu-medio .conteudo-destaque.container-title { height: auto; }
.menu-grande .conteudo-destaque.container-title, .site-menu-grande .conteudo-destaque.container-title { height: auto; }

.conteudo-destaque.container-title .titulo-bg, 
.conteudo-destaque.container-title .texto-posicao,
.conteudo-destaque.container-title { 
	min-height: auto; 
}

/**
* Alterações referentes a tarefa #42172 - Espaçamento entre título e início do conteúdo está muito grande
* @see https://tarefas.app/tasks?t=42172
*/

/* MENUS ABSOLUTOS - Setar height 100vh desconsiderando o tamanho do menu */
.site-menu1 .container-title.estiloW { height: 100vh !important; }
.site-menu8 .container-title.estiloW { height: 100vh !important; }
.site-menu9 .container-title.estiloW { height: 100vh !important; }
.site-menu11 .container-title.estiloW { height: 100vh !important; }
.site-menu15 .container-title.estiloW { height: 100vh !important; }

/* MENUS RELATIVOS - calcular o tamanho do container do título para comportar o menu */
.site-menu2.site-menu-grande .container-title.estiloW { height: calc(100vh - 150px) !important; }
.site-menu2.site-menu-medio .container-title.estiloW { height: calc(100vh - 90px) !important; }
.site-menu2.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 60px) !important; }

.site-menu3.site-menu-grande .container-title.estiloW { height: calc(100vh - 150px) !important; }
.site-menu3.site-menu-medio .container-title.estiloW { height: calc(100vh - 90px) !important; }
.site-menu3.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 60px) !important; }

.site-menu4.site-menu-grande .container-title.estiloW { height: calc(100vh - 80px) !important; }
.site-menu4.site-menu-medio .container-title.estiloW { height: calc(100vh - 85px) !important; }
.site-menu4.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 60px) !important; }

.site-menu12.site-menu-grande .container-title.estiloW { height: calc(100vh - 120px) !important; }
.site-menu12.site-menu-medio .container-title.estiloW { height: calc(100vh - 90px) !important; }
.site-menu12.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 60px) !important; }

.site-menu13.site-menu-grande .container-title.estiloW { height: calc(100vh - 150px) !important; }
.site-menu13.site-menu-medio .container-title.estiloW { height: calc(100vh - 90px) !important; }
.site-menu13.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 60px) !important; }

.site-menu14.site-menu-grande .container-title.estiloW { height: calc(100vh - 150px) !important; }
.site-menu14.site-menu-medio .container-title.estiloW { height: calc(100vh - 55px) !important; }
.site-menu14.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 55px) !important; }

/* MENUS LATERAIS - Setar height 100vh pois o tamanho vertical deve ser preenchido totalmente */
.site-menu5.site-menu-grande .container-title.estiloW { height: 100vh !important; }
.site-menu5.site-menu-medio .container-title.estiloW { height: 100vh !important; }
.site-menu5.site-menu-pequeno .container-title.estiloW { height: 100vh !important; }

.site-menu6.site-menu-grande .container-title.estiloW { height: 100vh !important; }
.site-menu6.site-menu-medio .container-title.estiloW { height: 100vh !important; }
.site-menu6.site-menu-pequeno .container-title.estiloW { height: 100vh !important; }

/* MENU BOTTOM - calcular o tamanho do container do título para comportar o menu */
.site-menu10.site-menu-grande .container-title.estiloW { height: calc(100vh - 150px) !important; }
.site-menu10.site-menu-medio .container-title.estiloW { height: calc(100vh - 90px) !important; }
.site-menu10.site-menu-pequeno .container-title.estiloW { height: calc(100vh - 55px) !important; }

/* Seta height 100% para a section dentro do container de título para pegar o tamanho total do container pai */
.container-title.estiloW .sessao_foto { height: 100% !important; }

/**
* Fim alterações
*/

.menu-pequeno .container-title, .site-menu-pequeno .container-title { height: calc(70vh - 60px); }
.menu-medio .container-title, .site-menu-medio .container-title { height: calc(70vh - 90px); }
.menu-grande .container-title, .site-menu-grande .container-title { height: calc(70vh - 120px); }


.container-title { width: 100%; }
.texto-rolar { position: absolute !important; }

.container-title .overlay {
	position: absolute; 
	background-color: rgba(0,0,0,0.3);
}
.container-title .container,
.container-title .titulo-bg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	padding: 0;
}
.titulo-bg { 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	position: relative;
	overflow:hidden;
}
.texto-posicao {
	display: flex;
	width: 100%;
	height: 100%;
	overflow:hidden;
	flex-direction: column;
}
.align-title-center { justify-content: center; align-items: center; text-align: center; }
.align-title-center .elemento_titulo { align-self: center; }

.titulo-box {
	/*width: max-content;*/
	width: fit-content;
	padding: 10px;
	display: flex;
	flex-direction: column;
}
.conteudo-destaque .titulo-box {
	padding-top: 0;
	padding-bottom: 0;
}

.title {
	margin: 10px;
}

.subtitle { 
	padding: 0 10px; 
	margin: 10px 20px; 
}

.flex-center {
	display: flex;
    justify-content: center;
    align-items: center;
}
.estilo4 .texto-posicao {
	margin-left: 15px;
	margin-right: 15px;
    width: calc(100% - 30px);
}
.estilo4.texto-posicao {
	margin-left: 0px;
	margin-right: 0px;
    width: auto !important;
}
.estilo4_detalhes {
	width: fit-content;
}
.estilo4_detalhes .title {
	min-width: auto;
}
.estilo4_detalhes span.line {
	margin-top: 7px;
	height: 2px;
}
.titulo-box.estilo6 {
	min-width: 100%;
}
.sessao_foto{
	height: calc(70vh - 120px)!important;
}
.sessao_foto .corTitulo.estilo0, 
.sessao_foto .corTitulo.estilo1,
.sessao_foto .corTitulo.estilo2,  
.sessao_foto .corTitulo.estilo4, 
.sessao_foto .corTitulo.estilo5, 
.sessao_foto .corTitulo.estilo6,
.sessao_foto .corTitulo.estilo7,
.sessao_foto .corTitulo.estiloW,
.sessao_foto .subtitle.corTitulo.estilo3 {
	color: #FFFFFF;
}
.sessao_foto .title.estilo3 {
	background-color: rgba(0,0,0,0.7);
}

.slide-itens ul {
	white-space: nowrap;
    overflow-x: auto;
}
ul.galeria-categorias li {
	width: auto;
    padding: 15px;
}
ul.galeria-categorias {
	margin: 0;
	margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
.animate-galeria-videos svg {
	margin: 0 auto;
}

/* CLASSES REFERENTE AO CONTEUDO DO CONTAINER COM A ORIENTACAO ROLE PARA BAIXO */
.container-scroll {
	display: flex;
    flex-direction: column;
}
.texto-rolar {
	color: #FFFFFF;
	font-size: 16px;
	position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}
.arrow-scroll {
	animation: arrow-scroll .8s linear infinite;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 0;
}
/* ANIMA A SETINHA PARA ORIENTAR A ROLAR PARA BAIXO */
@keyframes arrow-scroll {
  0% {
    bottom: 20px;
  }
  100% {
    bottom: 0px;
  }
}
/* -------------------------------------------------------------------------- */

/* EFEITO PARALAX */
/* obs.: esse efeito paralax nao funciona no mobile, mesmo assim estou removendo para garantir */
.bg-fixed {
	background-attachment: fixed !important;
}
.bg-unfixed {
	background-attachment: unset !important;
}
@media (max-width: 992px) {
	.bg-fixed {
		background-attachment: unset !important;
	}
}


/* INICIO: CLASSES BOOTSTRAP 4 */
.p-0 { padding: 0!important }
/* FIM: CLASSES BOOTSTRAP 4 */

@media (max-width: 1200px) {
	.estilo4_detalhes {
		width: auto;
		min-width: min-content;
		max-width: 70vw;
	}
	.titulo-box {
		width: auto;
	}
}
@media (max-width: 992px) and (orientation: landscape) {
	.menu-pequeno .container-title, .site-menu-pequeno .container-title { height: auto; }
	.menu-medio .container-title, .site-menu-medio .container-title { height: auto; }
	.menu-grande .container-title, .site-menu-grande .container-title { height: auto;; }

	.container-title .titulo-bg, 
	.container-title .texto-posicao,
	.container-title { 
		min-height: 70vh; 
	}
/*	.titulo-box {
	}*/
	.arrow-scroll.wpp-ativo {
		padding-bottom: 0%;
	}
}
@media (max-width: 992px) {
	.container-scroll .texto-rolar { display: none; }
	.container-scroll .arrow-scroll.wpp-ativo { display: none; }

	.menu-pequeno .conteudo-destaque.container-title, .site-menu-pequeno .conteudo-destaque.container-title { height: auto; }
	.menu-medio .conteudo-destaque.container-title, .site-menu-medio .conteudo-destaque.container-title { height: auto; }
	.menu-grande .conteudo-destaque.container-title, .site-menu-grande .conteudo-destaque.container-title { height: auto; }

	.container-title .titulo-bg, 
	.container-title .texto-posicao,
	.container-title { 
		*min-height: auto; 
	}
	.conteudo-destaque.container-title.estiloW .titulo-bg, 
	.conteudo-destaque.container-title.estiloW .texto-posicao,
	.conteudo-destaque.container-title.estiloW { 
		min-height: auto; 
	}
	.container-title.estiloW .titulo-bg, 
	.container-title.estiloW .texto-posicao,
	.container-title.estiloW { 
		min-height: 100vh; 
	}
	.arrow-scroll {
		padding-bottom: 15%;
	}
}

@media (max-width: 768px) {
	.estilo4_detalhes .title {
		font-size: 28px;
	}
	.titulo-box {
		width: 100%;
	}
	.estilo4.fadeInUp {
		margin-top: 35px;
	}
}
/*
@media (max-width: 576px) {

}*/

@media (max-width: 320px) {
	.menu-pequeno .container-title, .site-menu-pequeno .container-title { height: auto; }
	.menu-medio .container-title, .site-menu-medio .container-title { height: auto; }
	.menu-grande .container-title, .site-menu-grande .container-title { height: auto; }

	.arrow-scroll.wpp-ativo {
		padding-bottom: 12%;
	}

	.estilo4_detalhes {
		width: min-content;
		max-width: unset;
	}
	.estilo4_detalhes .title {
		font-size: 30px;
	}
}