/* --- DESTAQUES --- */

/*** Destaque Olho de texto - Baixa ênfase ***/
.olho-de-texto {
	padding: var(--ifht-sys-spacing-padding-lg) 0;
	text-align: center;
}

.olho-de-texto p:last-child::after {
	content: url('/pluginfile.php/606/mod_folder/content/0/img/recursos-visuais/divider.svg');
	display: block;
	width:250px;
	height:auto;
	position:relative;
	left:50%;
	transform: translate(-50%, 100%);
}

.olho-de-texto p {
	font-family: var(--ifht-sys-txt-familia-paragrafo);
	font-size: var(--ifht-sys-display3);
	line-height: var(--ifht-sys-line-height-display);
	color: var(--ifht-sys-cor-terciaria-1-dark);
}

@media (min-width: 768px) {
	.olho-de-texto {
		padding: var(--ifht-sys-spacing-padding-xl);
		text-align: center;
	}
}

/*** Destaque Box Cor - Média ênfase ***/

.box-cor .box-cor__base {
	background-color: var(--ifht-sys-cor-primaria-extralight);
	background-image: url(/pluginfile.php/606/mod_folder/content/0/img/recursos-visuais/bg-box-mobile.svg);
    background-repeat: no-repeat;
    background-position: 20% 0;
    background-size: 200%;
	padding: calc(var(--ifht-sys-spacing-padding-xl)*2.5) var(--ifht-sys-spacing-padding-xl);
	/* border-radius: var(--ifht-sys-raio-borda-sm); */
	border-radius: var(--ifht-sys-raio-borda-lg);
	border: none;
}

@media(min-width:768px) {
	.box-cor .box-cor__base {
		background-image: url(/pluginfile.php/606/mod_folder/content/0/img/recursos-visuais/bg-box.svg);
		background-position: 0 0;
		background-size: 120%;
		padding: calc(var(--ifht-sys-spacing-padding-xl)*2.5) calc(var(--ifht-sys-spacing-padding-xl)*1.5) calc(var(--ifht-sys-spacing-padding-xl)*1.5);
	}
}

.box-cor .base-header {
	border-bottom-width: var(--ifht-sys-espessura-borda-sm);
	border-bottom-style: solid;
	border-color: var(--ifht-sys-cor-secundaria-normal);
	/* padding-bottom: var(--ifht-sys-spacing-padding-lg); */
}
.box-cor .base-header p {
	color: var(--fio-sys-color-primary-dark);
}

.box-cor .base-body {
	padding: var(--ifht-sys-spacing-padding-lg) 0;
}

.box-cor .base-footer {
	gap: 30px;
}
.box-cor .base-footer button {
	width: 100%;
}
.box-cor .base-footer button[aria-expanded='true'] {
	background-color: var(--ifht-sys-cor-secundaria-normal);
	color: var(--ifht-sys-cor-neutra-branco);
}

@media (min-width: 768px) {
	.napratica .base-footer button {
		width: 100%;
		max-width: 200px;
	}
}

/*** Destaque Parallax - Alta ênfase ***/

.destaque-parallax {
	--_destaque-divisor-background: var(--ifht-sys-cor-fundo);

	/* background: linear-gradient(0deg, rgba(0, 48, 102, 0.7), rgba(0, 48, 102, 0.7)), url('../../../media/templates/bg-destaque.jpg'); */
	background: url('../../../media/templates/bg-destaque.jpg');
	background-attachment: fixed;
	background-color: var(--ifht-sys-cor-primaria-light);
	background-position: center;
	/* background-position: 50% 0; */
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--ifht-sys-raio-borda-lg);
	margin: var(--ifht-sys-spacing-padding-xl) 0;
	padding: 0;
}

.destaque-parallax .custom-shape-divider-top-1720289331 {
    top: 0;
    left: -1px;
    width: 110%;
    overflow: hidden;
    line-height: 0;
    position: relative;
}

.destaque-parallax .custom-shape-divider-top-1720289331 svg {
    position: relative;
    display: block;
    width: calc(108% + 1.3px);
    height: 100px;
    transform: rotateY(180deg);
}

.destaque-parallax .custom-shape-divider-top-1720289331 .shape-fill {
    fill: var(--_destaque-divisor-background);
}

.destaque-parallax  .custom-shape-divider-bottom-1720289984 {
    bottom: 0;
    left: 0;
    width: 120%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    position: relative;
}

.destaque-parallax  .custom-shape-divider-bottom-1720289984 svg {
    position: relative;
    display: block;
    width: calc(130% + 1.3px);
    height: 100px;
}

.destaque-parallax  .custom-shape-divider-bottom-1720289984 .shape-fill {
    fill: var(--_destaque-divisor-background);
}

.destaque-parallax .container {
	padding-top:calc(var(--ifht-sys-spacing-padding-xxl) * 1.5);
	padding-bottom:calc(var(--ifht-sys-spacing-padding-xxl) * 1.5);
}

.destaque-parallax span:first-child {
	display: block;
	margin-bottom: var(--ifht-sys-spacing-padding-xl);
}

.destaque-parallax span:first-child,
.destaque-parallax p {
	color: var(--ifht-sys-cor-neutra-branco);
}

.destaque-parallax p {
	font-size: var(--ifht-sys-display6);
}

.destaque-parallax a {
	background-color:var(--ifht-sys-cor-superficie-3);
	color:var(--ifht-sys-cor-secundaria-normal);
	padding: 0 var(--ifht-sys-spacing-padding-xs);
}

.destaque-parallax a:hover {
	background-color:var(--ifht-sys-cor-neutra-branco);
	color:var(--ifht-sys-cor-secundaria-light);
}

.destaque-parallax .parallax-footer{
	display:flex;
	justify-content: space-between;
	align-items: end;
	padding: 0 1rem;
	max-height: 100px;
}