/* ======= RESET ======= */

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

*,
*:after,
*:before {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


body { font-family: 'GlobotipoTexto-Regular'; }

a { text-decoration: none; }

figure, picture{
	display: block;
	margin: 0;
}

li { list-style-type: none; }

p { padding: 0 }

img {
	border: 0;
	display: flex;
	max-width: 100%;
}

/* corrige o bug do float */
.cf:before,
.cf:after { content: " "; display: table;  }
.cf:after { clear: both;  }

strong { font-family: 'GlobotipoTexto-Bold'; }


/* =================== LOGO ================= */

.logo{
	margin-bottom: 30px;
}

@media(min-width: 640px) {
	.logo{
		margin-bottom: 37px;
	}
}

@media(min-width: 480px) and (max-width: 991px){

	.logo img{
		margin-right: auto;
		margin-left: auto;
	}
}

/* =================== HERO ================= */

.hero{

	background: rgb(250,2,52);
	background: -moz-linear-gradient(90deg, rgba(250,2,52,1) 50%, rgba(255,143,1,1) 50%);
	background: -webkit-linear-gradient(90deg, rgba(250,2,52,1) 50%, rgba(255,143,1,1) 50%);
	background: linear-gradient(90deg, rgba(250,2,52,1) 50%, rgba(255,143,1,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa0234",endColorstr="#ff8f01",GradientType=1);
}

.hero__content{
	padding-top: 30px;
	color: #fff;
	background: rgb(250,2,52);
	background: -moz-linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	background: linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa0234",endColorstr="#ff8f01",GradientType=1);
}

.hero__title{
	margin-bottom: 20px;
	font-size: 33px;
	line-height: .9;
	text-transform: uppercase;
}

.hero__subtitle{
	text-transform: uppercase;
}

.hero__desc{
	max-width: 445px;
	margin-bottom: 45px;
	font-size: 16px;
	line-height: 1.3;
	color: #F1F2F2;
}
.hero__kids{
	margin: 0 auto;
	/* align-self: auto; */
}

/* =================== SEPARADOR ================= */

.separator{
	width: 47px;
	height: 3px;
	margin: 15px 0;
	background: #FFF;
}

@media(min-width: 768px){
	.separator{
		margin: 25px 0;
	}
}

@media(min-width: 480px) and (max-width: 991px){
	.hero__content{
		text-align: center;
	}
	.hero__title{
		margin-bottom: 30px;
		font-size: 50px;
	}
	.hero__desc{
		margin-left: auto;
		margin-right: auto;
	}
	.separator{
		margin-left: auto;
		margin-right: auto;
	}	
}

@media(min-width: 768px){

	.hero{}

	.hero__content{}

	.hero__title{
		margin-bottom: 30px;
		font-size: 50px;
	}

	.hero__subtitle{}

	.hero__desc{
		max-width: 527px;
		font-size: 18px;
	}

	.hero__kids{}
}

/* =================== BENEFÍCIOS ================= */

.beneficios{
	padding: 30px 10px 50px 10px;
	background: #F1F2F2;
}

.beneficios__title{
	max-width: 730px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
	text-align: center;
}

/* =================== BENEFÍCIO ================= */

.beneficio{
	max-width: 450px;
	margin: 10px auto;
	display: flex;
    align-items: flex-start;
}

.beneficio__icon{
	width: 50px; 
	margin-right: 10px;
	align-self: center;
}

.beneficio__icon img{
	margin: 0 auto;
}

.beneficio__icon.is-seguranca{
	padding: 0 10px;
}

.beneficio__desc{
	padding: 10px;
	flex: 1;
	align-self: center;
}

@media(min-width: 768px){

	.beneficio{
		max-width: 300px;
		display: block;
    	align-items: normal;
	}

	.beneficio__icon{
		width: auto;
		margin: 0 auto 0 auto;
	}

	.beneficio__icon.is-seguranca{
		padding: 0;
	}

	.beneficio__desc{
		text-align: center;
	}

}

@media(min-width: 992px){
	.beneficio{
		max-width: 220px;
	}
}

@media(min-width: 992px){
	.beneficio__border{
		border-left: 1px solid #e7e7e7;
	}
}

/* =================== INFO ================= */

.info{
	padding: 56px 0 90px 0;
	background: #FFF;
}

.info__title{
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0 39px 0;
	text-align: center;
	color: #101010;
	font-size: 25px;
	line-height: 1.6;
}

/* =================== ACORDEON ================= */

.acordeon{
	max-width: 730px;
	margin: 0 auto;
}

.acordeon__title{
	font-size: 18px;
}

.acordeon__header{
	padding: 25px 50px 25px 25px;
	position: relative;
	cursor: pointer;
}


@media( min-width: 640px ){
	.acordeon__title{
		font-size: 22px;
	}

}

/* =================== ACORDEON CLEAN ================= */

.acordeon-clean{
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	box-shadow: -1px 5px 16px 0px rgb(160 160 160 / 19%);
}

.acordeon-clean .acordeon__item .acordeon__header{
	border-bottom: 1px solid #E8E8E8;
}

.acordeon-clean div.acordeon__item:first-child .acordeon__header{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.acordeon-clean div.acordeon__item:last-child .acordeon__header{
	border-bottom: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}


.acordeon-clean .acordeon__title{
    position: relative;
    font-family: 'GlobotipoTexto-Bold';
    color: #151515;
}

.acordeon-clean .acordeon__icon{
	width: 33px;
	height: 33px;
	display: inline-block;
	background: url('../images/acordeon-icon-black.png') no-repeat center;
	transition: all .25s linear;
	border: 1px solid #F1F2F2;
	border-radius: 50%;
	position: absolute;
	top: 25px;
	right: 15px;
}

.acordeon-clean .acordeon__item.is-active .acordeon__icon{
	transform: rotate(180deg);
	transition: all .25s linear;
	border: 1px solid #F92B30;
	background: url('../images/acordeon-icon-white.png') no-repeat center #F92B30;
}

.acordeon-clean .acorderon__content{
	padding: 25px;
	border-left: 3px solid #FB0234;
	background-color: #F1F2F2;
	display: none;
}

/* =================== STEP ================= */


.step-list{
	list-style: none;
	font-size: 15px;
}

.step-list__title{
	margin-bottom: 20px;
	font-size: 20px;
	color: #FB0234;
}

.step-list__item{
	padding-left: 40px;
	position: relative;
	margin-bottom: 22px;
}

.step-list__num{
	width: 27px;
	height: 27px;
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 0;
	text-align: center;
	line-height: 26px;
	font-family: 'GlobotipoTexto-Bold';
	color: #FB0234;
	border: 2px solid #FB0234;
	border-radius: 50%;
}

.step-list__content{ }

.separador-content{
	background-color: #E0E0E0;
	border: 0;
	height: 1px;
	margin: 30px 0;
}


/* =================== ACORDEON CLEAN ================= */

.acordeon-dark {
	border-radius: 5px;
	color: #fff;
	margin-bottom: 30px;
}

.acordeon-dark .acordeon__item {
	margin-bottom: 10px;
	
}

.acordeon-dark .acordeon__header{
    border-radius: 5px;
	background-color: #151515;
	transition: all .25s linear;
}

.acordeon-dark .is-active .acordeon__header{
	padding-top: 25px;
	color: #fff;
	transition: all .25s linear;
	background: rgb(250,2,52);
	background: -moz-linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	background: linear-gradient(90deg, rgba(250,2,52,1) 0%, rgba(255,94,3,1) 50%, rgba(255,143,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa0234",endColorstr="#ff8f01",GradientType=1);
}

.acordeon-dark .acordeon__title{
    position: relative;
    font-family: 'GlobotipoTexto-Bold';
}

.acordeon-dark .acordeon__icon{
	width: 33px;
	height: 33px;
	display: inline-block;
	background: url('../images/acordeon-icon-red.png') no-repeat center;
	transition: all .25s linear;
	position: absolute;
	top: 25px;
	right: 15px;
}

.acordeon-dark .acordeon__item.is-active .acordeon__icon{
	transform: rotate(180deg);
	transition: all .25s linear;
}

.acordeon-dark .acorderon__content{
	padding: 25px;
	display: none;
	background-color: #151515;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.acordeon-dark .acordeon__item.is-active .acorderon__content{
	border-bottom: 2px solid #FF8F01;
}



/* =================== FAQ ================= */

.faq{
	padding: 52px 10px 50px 10px;
	background: #303030;
}

.faq__title{
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0 39px 0;
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 1.6;
}

/* =================  ================= */

.txt-mais-duvidas {
	font-size: 22px;
	line-height: 1.6;
	color: #fff;
	margin-bottom: 20px;
}

.btn{
	padding: 13px 77px;
	display: inline-block;
	color: #fff;
	background-color: #FB0234;
	font-size: 18px;
	margin-bottom: 25px;
}

/* =================== COPYRIGHT =================== */
.copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    font-size: 10px;
    text-align: center;
    color: #B7B7B7;
    padding: 15px 19px;
    background-color: #101010;
}
.copyright p { width: 100%; }
@media ( min-width: 756px ) {
	.copyright {
		text-align: unset;
		padding: 15px 50px;
	}

	.copyright p {
	 width: auto; 
	}
}


.copyright .links a { 
	display: inline-block; 
	color: #B7B7B7; 
	padding: 0 10px; 
}

.copyright__txt{
	margin-bottom: 15px;
}

@media(min-width: 640px){
	.copyright__txt{
		margin: 0;
	}
}


/* ================= UTILITIES ================= */
.btn-share {
	max-width: 350px;
	font-size: 23px;
	line-height: 0;
	padding: 36px 6px 36px 134px;
	margin-top: 26px;
	position: relative;
	background: url('../images/btn-share.png') no-repeat center center;
	background-size: contain;
}
.btn-share__facebook, 
.btn-share__twitter, 
.btn-share__whatsapp {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	cursor: pointer;
}

.share {
	max-width: 323px;
	display: inline-block;
	font-size: 20px;
	line-height: 0;
	padding: 27px 23px 22px 184px;
	position: relative;
	border: 2px solid #ffffff;
	border-radius: 3px;
	margin:  0 auto;
	color: #fff;
}

.share .share__face,
.share .share__twitter,
.share .share__whatsapp,
.share .share__copy {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.share .share__face {left: 15px;}
.share .share__twitter {left: 55px;}
.share .share__whatsapp {left: 96px;}
.share .share__copy {left: 138px;}

.txt-copiado {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    text-align: center;
}


/* ================= UTILITIES ================= */

.ff-regular { font-family: 'GlobotipoTexto-Regular'; }
.ff-bold { font-family: 'GlobotipoTexto-Bold'; }
.ff-black { font-family: 'globotipo_textoblack'; }

.d-flex{ display: flex; }
.align-center{align-self: center;}
.align-bottom{align-self: flex-end;}


.center-block{ text-align: center; }

.txt-center{ text-align: center; }

.color-snow{ color: #fff }

@media(min-width: 768px){
	.sm\:txt-center{ text-align: center; }
}

.center-block { margin-right: auto; margin-left: auto; }

/* --- */