:root {
	--amarelo: #e8c248;	
	--azul:  #1b3b55;
}

.speciale-main h1{
	font-family: 'eds-market-narrow-slant', sans-serif;
	font-weight: 400;
	line-height: 1em;
	color: var(--azul);
	text-shadow: 0px 2px 2px rgba(0,0,0,.4);
}


.speciale-main > div{
	position: relative;
}

#speciale-hero{
	font-size: 0;
	padding-bottom: 40%;
}

#hero-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	right: 0;
	top: 0;
}
#hero-chamada{
	position: absolute;
	max-width: 30%;
	top: 50%;
	right: 45%;
	transform: translate(100%,-50%);
}

#speciale-chamada > img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	right: 0;
	top: 0;

}
#speciale-chamada{
	color: #FFF;
	text-align: center;
	padding: 1em 0;
}
#speciale-chamada h1{
	max-width: 700px;
	line-height: 1em;
	margin: 1em auto;
	color: #FFF;
}
#speciale-chamada p{
	font-size: 1.2em;
	font-weight: 400;
	max-width: 500px;
	margin: 0 auto 2em;
}

#speciale-opiniao{
	background-image: url('opiniao_bg.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 3em;
}

#speciale-opiniao > div{
	background-color: var(--amarelo);
	max-width: 1200px;
	padding: 2em 4em;
	margin: 0 auto 10em;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	border-radius: 0 0 1em 1em;
}

#speciale-opiniao > div h1{
	font-size: 2.8em;
	max-width: 460px;
	margin: .5em auto 1em;
	position: relative;
	padding-left: 3em;
}

#speciale-opiniao > div h1:before{
	content: url('opiniao-icon.png');
	position: absolute;
	top: 0;
	left: 0;
}

.depoimento{
	padding: 1em;
}

.depoimento > div{
	background-color: #f2f2f2;
	padding: 1em 2em;
	border-radius: .7em;
}

.depoimento > div > div, 
.depoimento > div > img{
	display: inline-block;
}
.depoimento > div > img{
	margin-right: 1em;
}

.depoimento h2{
	text-transform: uppercase;
	font-size: 1.2em;
}
.depoimento h2,
.depoimento h3,
.depoimento h4{
	margin: 0;
	color: var(--azul);
}

.depoimento h3{
	font-weight: 300;
}


.depoimento p{
	background-color: #e0e0e0;
	padding: 1em 2em;
	text-align: center;
	border-radius: .7em;
	margin: 1em 0 0;
}

#speciale-receitas h1{
	font-size: 2.8em;
	text-align: center;
	margin: 0;
	position: relative;
}
#speciale-receitas h1 span:before{
	content: url('../images/subtitle-before.png');
	top: -5px;
	left: 0;
	position: absolute;
	transform: translateX(-110%);
}

#speciale-receitas h1 span:after{
	content: url('../images/subtitle-after.png');
	top: -5px;
	position: absolute;
	right: 0;
	transform: translateX(110%);
}

#speciale-receitas h1{
	color: var(--amarelo);
}

#speciale-receitas h1 span{
	display: table;
	margin: auto;
	color: var(--azul);
	position: relative;
}

#speciale-receitas h2{
	font-size: 2em;
	margin: 0 0 1em;
	text-align: center;
	font-weight: 400;
	color: var(--azul);
}

#speciale-receitas-slider{
	position: relative;
}

#speciale-receitas-slider .ultimas-receitas-uni .receita-imagem{
	border-color: var(--azul);
}

#speciale-receitas-slider a.bx-next, #speciale-receitas-slider  a.bx-prev{
	filter: saturate(0);
}

#speciale-receitas-slider #ultimas-receitas-receita h1{
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-shadow: none;
}

#speciale-dicas{
	background-image: url('dicas-bg.jpg');
	background-size: cover;
	padding: 1em;
}

#speciale-dicas h1{
	font-size: 3.8em;
	text-align: center;
	line-height: 1.3em;
	color: var(--amarelo);
}

#speciale-dicas h1 span:before{
	content: url('../images/subtitle-before.png');
	top: 0;
	left: 0;
	position: absolute;
	transform: translate(-110%,100%) rotate(45deg);
}

#speciale-dicas h1 span:after{
	content: url('../images/subtitle-after.png');
	top: 0;
	position: absolute;
	right: 0;
	transform: translate(110%,100%) rotate(-45deg);
}


#speciale-dicas h1 span{
	display: table;
	margin: auto;
	position: relative;
}

#speciale-dicas > img{
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
}
#speciale-dicas-content{
	background-color: #f2f2f2;
	color: #FFF;
	max-width: 1200px;
	margin: 0 auto 10em;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	border-radius: 1em;
	overflow: hidden;
}

#speciale-dicas-content h1{
	color: #FFF;
}

#speciale-dicas-content > div:first-child{
	position: relative;
	padding: 4em;
	border-radius: 0.8em;
	overflow: hidden;
}

#speciale-dicas-ouca  > div:first-child{
	position: relative;
	padding: 4em;
	border-radius: 0.8em 0;
	overflow: hidden;
}

#speciale-dicas-ouca{
	background-color: var(--azul);
}

#speciale-dicas-ouca  > div:first-child{
	padding-top: 50%;
	text-align: center;
}

#speciale-dicas-spotify{
	position: relative;
	padding-top: 49.25%;
	background-color: #f2f2f2;
}

#speciale-dicas-spotify > a{
	background-color: var(--azul);
	display: table;
	margin: 0 auto 2em;
	color: #fff;
	padding: .5em 2em;
	border-radius: 2em;
	transition: background-color .2s ease;
}
#speciale-dicas-spotify > a:hover{
	background-color: #333;
}

#speciale-dicas-spotify iframe{
	height: 80%;
	position: absolute;
	width: 80%;
	top: 45%;
	right:50%;
	transform: translate(50%,-50%);
}

#speciale-dicas-content > div:first-child img,  #speciale-dicas-ouca  > div:first-child img{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

#speciale-dicas-ouca > div:first-child > div{
	position: absolute;
	bottom: 4em;
	width: 70%;
	right: 15%;
} 

#speciale-dicas-content > div:first-child p,
#speciale-dicas-content > div:first-child h1{
	position: relative;
	text-align: left;
	max-width: 300px;
	margin: 0;
}

#speciale-dicas-ouca  > div:first-child p,
#speciale-dicas-ouca  > div:first-child h1{
	position: relative;
	text-align: center;
	margin: 0;
}

#speciale-dicas-content > div:first-child p, #speciale-dicas-ouca  > div:first-child p{
	font-size: 1.3em;
}

#speciale-dicas-slider{
	position: relative;
	border-bottom: solid 3px var(--azul);
}

#dicas-slider-prev{
	left: 5%;
	filter: saturate(0);
}

#dicas-slider-next{
	right: 5%;
	filter: saturate(0);
}

#speciale-dicas-slider .bx-wrapper{
	padding-top: 2em;
}

#speciale-dicas-slider .bx-viewport > div > div{
	position: relative;
	overflow: hidden;
	height: 200px;
}
#speciale-dicas-slider .bx-viewport > div > div iframe{
	position: absolute;
	height: 80%;
	width: 80%;
	top: 10%;
	right: 10%;
	border-radius: 1em;
	border: var(--azul) 2px solid;
}

#speciale-linha{
	padding: 4em 0 7em;
	color: var(--azul);
}
#speciale-linha .content{
	max-width: 1000px;
}
#speciale-linha .duas-colunas > div{
	padding: 1em 2em 2em;
}

#speciale-linha h1{
	font-size: 3.25em;
	text-align: center;
	margin: 1em 0 2em;
}

#speciale-linha h2{
	margin: 1em 0 0;
	font-weight: 400;
	font-size: 2em;
	line-height: 1em;
	position: relative;
}

#speciale-linha h3{
	margin: .8em 0 0;
	font-weight: 300;
	font-size: 1em;
	line-height: 1em;
}

#speciale-linha p{
	max-width: 400px;
}

#speciale-linha h2:after{
	position: absolute;
	bottom: 0;
	max-height: 100%;
	width: 40px;
	height: 100%;
	content: '';
	margin-left: .5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}

[data-tipo$="ovos"]:after {
	background-image: url('icon-ovos.png');
}
[data-tipo$="integrale"]:after {
	background-image: url('icon-integrale.png');
}
[data-tipo$="zerogluten"]:after {
	background-image: url('icon-zerogluten.png');
}
[data-tipo$="granoduro"]:after {
	background-image: url('icon-granoduro.png');
}

#speciale-receitas{
	margin-bottom: 3em;
}

@media screen and (max-width: 900px){
	.speciale-main .content {
		width: 100%;
		max-width: 98%;
	}
	#speciale-opiniao > div{
		padding: 1em;
	}
	#speciale-opiniao > div h1:before{
		display: none;
	}
	#speciale-opiniao > div h1{
		padding: 0;
		text-align: center;
	}
	#speciale-chamada .content img{
		max-width: 80%;
	}
	#speciale-opiniao > div{
		margin: 0 auto 2em;
	}
	#speciale-dicas-spotify{
		padding-top: 150%;
	}
}