html {
	scroll-behavior: smooth;
}

.content-wrapper{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

a.button{
	display: inline-block;
	padding: 0 16px;
	height: 50px;
	line-height: 50px;
	color: white;
	text-align: center;
	background: #6324E2;
	font-family: 'IBMPlexSans-Bold';
	text-transform: uppercase;
	font-size: 15px;
}

#bloco-1{
	background: #131C22;
	padding-top: 70px;
}

#bloco-1 .texto-destaque{
	float: left;
	width: 100%;
	max-width: 50%;
	color: white;
}

#bloco-1 .texto-destaque .wrapper{
	max-width: 430px;
	margin: 190px auto 0;
}

#bloco-1 .texto-destaque span{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 15px;
	font-family: 'IBMPlexSans-Regular';
	display: block;
}
#bloco-1 .texto-destaque h1{
	font-family: 'ElleGaborStd-Bold';
	font-size: 44px;
	line-height: 48px;
	margin-bottom: 24px;
	text-transform: uppercase;
	padding-right: 10px;
}
#bloco-1 .texto-destaque p{
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid #F4BAC7; /* Remover (comentar) quando houver brinde - (css abaixo) */
}
#bloco-1 .texto-destaque .brinde{
	border-top: 1px solid #59ECAE;
	border-bottom: 1px solid #59ECAE;
	padding: 24px 0;
	margin-bottom: 24px;
}

#bloco-1 .texto-destaque .brinde .imagem-brinde{
	float: left;
}
#bloco-1 .texto-destaque .brinde .texto-brinde{
	float: left;
	max-width: 270px;
	margin-left: 16px;
}
#bloco-1 .texto-destaque .brinde .texto-brinde span{
	display: inline-block;
	background: #ECAC59;
	padding: 5px 10px;
	color: black;
	font-size: 12px;
	font-family: 'IBMPlexSans-Bold';
}
#bloco-1 .texto-destaque .brinde .texto-brinde p{
	margin-bottom: 0;
}

#bloco-1 .texto-destaque .assine-destaque{
	display: table;
	vertical-align: top;
	float: left;
	width: 100%;
}

#bloco-1 .texto-destaque .assine-destaque .preco{
	float: left;
	width: auto;
	margin-right: 30px;
}

#bloco-1 .texto-destaque .assine-destaque .preco span{
	display: table-cell;
	vertical-align: top;
	margin-right: 5px;
	float: left;
}

#bloco-1 .texto-destaque .assine-destaque .preco .quantidade{
	font-family: 'IBMPlexSans-Medium';
	font-size: 15px;
}

#bloco-1 .texto-destaque .assine-destaque .preco .valor{
	font-family: 'IBMPlexSans-Bold';
	font-size: 32px;
	line-height: 28px;
}

#bloco-1 .texto-destaque .assine-destaque .preco .centavos{
	font-size: 13px;
}

#bloco-1 .texto-destaque .assine-destaque .preco p{
	clear: both;
	width: 100%;
	border-bottom: none;
}

#bloco-1 .texto-destaque .assine-destaque .button{
	float: left;
	display: block;
	width: 160px;
}

#bloco-1 .imagem-destaque{
	float: right;
	width: 100%;
	max-width: 50%;
}

#bloco-1 .imagem-destaque img{
	width: 100%;
	display: block;
	height: auto;
}

#bloco-2{
	padding: 70px 0 120px;
	position: relative;
}

#bloco-2 .separador{
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	width: 30px;
	height: 30px;
	top: 510px;
	text-transform: uppercase;
	font-family: 'ElleGaborStd-Bold';
	font-size: 50px;
}

#bloco-2 img{
	display: block;
	margin-bottom: 32px;
}

#bloco-2 h2{
	border-bottom: 1px solid #CCCCCC;
	max-width: 416px;
	margin: 0 auto 60px;
	text-align: center;
	font-family: 'ElleGaborStd-Bold';
	font-size: 32px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 10px 10px 24px 10px;
}

#bloco-2 p{
	margin-bottom: 24px;
}

/* #bloco-2 ul{} */

#bloco-2 ul li{
	display: block;
	height: 42px;
	line-height: 42px;
	padding-left: 40px;
}

#bloco-2 h3{
	font-family: 'ElleGaborStd-Bold';
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

#bloco-2 ul li.estilo1{
	background: url(../images/book.svg) no-repeat left center;
}
#bloco-2 ul li.estilo2{
	background: url(../images/resize.svg) no-repeat left center;
}
#bloco-2 ul li.estilo3{
	background: url(../images/book-2.svg) no-repeat left center;
}
#bloco-2 ul li.estilo4{
	background: url(../images/dots.svg) no-repeat left center;
}
#bloco-2 ul li.estilo5{
	background: url(../images/play.png) no-repeat left center;
}
#bloco-2 ul li.estilo6{
	background: url(../images/material-web.png) no-repeat left center;
}
#bloco-2 ul li.estilo7{
	background: url(../images/phonelink.png) no-repeat left center;
}

#bloco-2 .elle-impressa{
	max-width: 530px;
	float: left;
	width: 100%;
}

#bloco-2 .elle-view{
	max-width: 530px;
	float: right;
	width: 100%;
}

#bloco-3{
	background: #ECECEC;
	padding: 80px 0;
}

#bloco-3 .content-wrapper{
	max-width: 810px;

}

#bloco-3 .content{
	background: white;
	padding: 40px 60px;
}

#bloco-3 h2{
	font-family: 'ElleGaborStd-Bold';
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #788794;
}

#bloco-3 img{
	max-width: 100%;
	margin-bottom: 30px;
}

#bloco-3 .descricao{
	width: 100%;
	max-width: 310px;
	height: auto;
	float: left;
}

#bloco-3 .descricao h4{
	font-family: 'ElleGaborStd-Bold';
	font-size: 24px;
	margin-bottom: 6px;
}

#bloco-3 .descricao h5{
	font-size: 15px;
	margin-bottom: 10px;
}

#bloco-3 .descricao p{
	font-family: 'IBMPlexSans-Regular';
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 24px;
}

#bloco-3 .caracteristicas{
	width: 100%;
	max-width: 305px;
	height: auto;
	float: right;
}

#bloco-3 .caracteristicas .button{
	float: right;
	width: 160px;
}

#bloco-3 .caracteristicas .preco{
	float: left;
	max-width: 110px;
	display: table;
	vertical-align: top;
}

#bloco-3 .caracteristicas .preco .quantidade{
	font-family: 'IBMPlexSans-Medium';
	font-size: 15px;
}

#bloco-3 .caracteristicas .preco .valor{
	font-family: 'IBMPlexSans-Bold';
	font-size: 32px;
	line-height: 32px;
}

#bloco-3 .caracteristicas .preco span{
	display: table-cell;
	vertical-align: top;
	float: left;
	margin-right: 3px;
}

#bloco-3 ul{
	margin-bottom: 20px;
}

#bloco-3 ul li{
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #D8D8D8;
	background: url(../images/check.png) no-repeat right center;
}

#bloco-3 ul li:last-child{
	border-bottom: none;
}

#bloco-3 h5{
	color: #809DB7;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'IBMPlexSans-Bold';
}

#bloco-3 .texto-brinde{
	display: inline-block;
	background: #ECAC59;
	padding: 5px 10px;
	color: black;
	font-size: 13px;
	font-family: 'IBMPlexSans-Bold';
	margin-bottom: 24px;
}

/**************************************************************************************************************************************
******** MOBILE ***********************************************************************************************************************
**************************************************************************************************************************************/

@media (max-width: 1279px) {

	#bloco-1 .imagem-destaque,
	#bloco-1 .texto-destaque{
		max-width: 100%;
	}

	#bloco-1 .texto-destaque .wrapper{
		margin-top: 56px;
		text-align: center;
		padding: 0 24px;
	}

	#bloco-1 .texto-destaque h1{
		font-size: 26px;
		line-height: 30px;
		padding: 0 25px;
	}

	#bloco-1 .texto-destaque .brinde .imagem-brinde{
		max-width: 30%;
	}

	#bloco-1 .texto-destaque .brinde .texto-brinde{
		max-width: 70%;
		margin-left: 0;
		padding-left: 16px;
		text-align: left;
	}

	#bloco-1 .texto-destaque span.assine-agora {
		text-align: left;
	}

	#bloco-1 .texto-destaque .preco span {
		margin-bottom: 5px;
	}

	#bloco-2 {
		padding-top: 40px;
		margin-bottom: 46px;
		padding-bottom: 20px;
	}

	#bloco-2 .elle-impressa{
		margin-bottom: 64px;
	}

	#bloco-2 .separador{
		display: none;
	}

	#bloco-2 h2{
		font-size: 26px;
		line-height: 30px;
		padding: 0 0 24px;
	}

	#bloco-3 .content {
		padding-right: 24px ;
		padding-left:  24px;
	}

	#bloco-1 .texto-destaque .assine-destaque .button{
		float: right;
		width: 160px;
	}

	img{
		max-width: 100%;
	}

	.content-wrapper{
		padding: 0 28px;
	}

}