#lp-bf24--antecipa {
	margin: 0;
	padding: 0;
}
.body2-lp-bf24 {
	color: var(--SN-white-01, #FFF);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	margin: 0;
	padding: 0;
}
.h1-lp-bf24 {
	color: var(--SN-white-01, #FFF);
	font-family: Roboto, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 115.385% */
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}
.h3-lp-bf24 {
	color: var(--SN-white-01, #FFF);
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}
.h4-lp-bf24 {
	color: var(--SN-white-01, #FFF);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}
.span-title {
	color: var(--SN-yellow-01, #FFD100);
	font-weight: 700;
}
.button-bf24 {
	color: var(--SN-white-01, #FFF);
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	text-transform: lowercase;
}


/*Desktop, breakpoint*/
	@media (min-width: 1024px) {
		.lp-bf24--antecipa {
			display: flex;
			height: 100vh;
			padding-top: 80px;
			align-items: flex-start;
			background: linear-gradient(90deg, #1F1D1A 0%, #312F2B 50%, #1F1D1A 100%);
		}
		.lp-bf24--antecipa .col-content--image {
			display: flex;
			width: 320px;
			padding: 24px 0px;
			flex-direction: column;
			align-items: flex-start;
		}
		.lp-bf24--antecipa .col-content--image .image-logo-campanha {
			display: flex;
			width: auto;
			padding: 24px 0px;
			flex-direction: column;
			align-items: flex-start;
		}
		.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia {
			display: flex;
			padding: 12px 24px;
			flex-direction: column;
			align-items: flex-start;
			gap: 4px;
			align-self: stretch;
			background: var(--SN-red-01, #DA291C);
		}
		.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .body2-lp-bf24 {
			align-self: stretch;
			text-align: center;
		}
		.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title .h3-lp-bf24 {
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content {
			display: flex;
			height: 80vh;
			padding: 64px 10% 48px 64px;
			flex-direction: column;
			align-items: flex-start;
			gap: 24px;
			flex: 1 0 0;
			border-radius: 24px 0px 0px 24px;
			background: #37322D;
		}
		.lp-bf24--antecipa .col-content .cta-download {
			display: flex;
			align-items: flex-end;
			gap: 24px;
			align-self: stretch;
			margin-bottom: 12px;
		}
		.lp-bf24--antecipa .col-content .cta-download .content {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 18px;
		}
		.lp-bf24--antecipa .col-content .cta-download .content .qr-code-download-clube-sn {
			width: 120px;
			height: 120px;
		}
		.lp-bf24--antecipa .col-content .cta-download .content .body2-lp-bf24 {
			width: 240px;
			height: auto;
			align-content: end;
			padding-bottom: 8px;
		}
		.lp-bf24--antecipa .col-content .title {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 4px;
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .title .h1-lp-bf24 {
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .title .h4-lp-bf24 {
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .content {
			display: flex;
			padding-top: 32px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 4px;
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .content .body2-lp-bf24 {
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .tutorial {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 2px;
			align-self: stretch;
		}
		.lp-bf24--antecipa .col-content .tutorial .body2-lp-bf24 {
			align-self: stretch;
		}
		.row-btn-bottom-bar, .image-logo-campanha--mobile {
			display: none;
		}
	}
        

/*Tablet, breakpoint*/
    @media (min-width: 768px) and (max-width: 1023px){
    	.lp-bf24--antecipa {
    		width: 100vw;
    		display: inline-flex;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 24px;
    		background: linear-gradient(90deg, #1F1D1A 0%, #312F2B 50%, #1F1D1A 100%);
    	}
    	.lp-bf24--antecipa .col-content--image {
    		display: flex;
    		padding: 24px 0px 16px 0px;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 16px;
    		align-self: stretch;
    	}
    	.image-logo-campanha {
    		display: none;
    	}
    	.lp-bf24--antecipa .col-content--image .image-logo-campanha--mobile {
    		display: flex;
    		height: auto;
    		width: 100%;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 16px;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia {
    		display: flex;
    		padding: 8px 10%;
    		gap: 4px;
    		flex-direction: column;
    		align-items: flex-start;
    		align-self: stretch;
    		background: var(--SN-red-01, #DA291C);
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .body2-lp-bf24 {
    		align-self: stretch;
    		text-align: center;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title {
    		display: flex;
    		flex-direction: column;
    		align-items: flex-start;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title .h3-lp-bf24 {
    		align-self: stretch;
    		font-size: 28px;
    		line-height: 120%;
    	}
    	.lp-bf24--antecipa .col-content {
    		display: flex;
    		height: 100vh;
    		padding: 12%;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 24px;
    		align-self: stretch;
    		border-radius: 24px 24px 0px 0px;
    		background: #37322D;
    	}
    	.lp-bf24--antecipa .col-content .cta-download {
    		display: none;
    	}
    	.lp-bf24--antecipa .col-content .title {
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .title .h1-lp-bf24 {
    		align-self: stretch;
    		font-size: 28px;
    		line-height: 32px;
    	}
    	.lp-bf24--antecipa .col-content .title .h4-lp-bf24 {
    		align-self: stretch;
    		font-size: 18px;
    		line-height: 22px;
    	}
    	.lp-bf24--antecipa .col-content .content {
    		display: flex;
    		padding-top: 32px;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 4px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .content .body2-lp-bf24 {
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .tutorial {
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .tutorial .body2-lp-bf24 {
    		align-self: stretch;
    	}
    	.row-btn-bottom-bar {
    		display: flex;
    		width: -webkit-fill-available;
    		padding: 6%;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		/*position: fixed;
    		bottom: 0;
    		border-radius: 12px 12px 0px 0px;
    		background: var(--SN-white-01, #FFF);
    		box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);*/
    	}
    	.row-btn-bottom-bar a.link-download-app--lp-bf24{
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		align-self: stretch;
    		text-decoration: none;
    		
    	}
    	.row-btn-bottom-bar a.link-download-app--lp-bf24 .sn-btn-large {
    		display: flex;
    		height: 48px;
    		padding: 8px 12px;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    		border-radius: 8px;
    		border: 1px solid var(--SN-red-01, #DA291C);
    		background: var(--SN-red-01, #DA291C);
    	}
}


/*Mobile, breakpoint*/
    @media (min-width: 200px) and (max-width: 767px) {       
    	.lp-bf24--antecipa {
    		width: 100vw;
    		display: inline-flex;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 8px;
    		background: linear-gradient(90deg, #1F1D1A 0%, #312F2B 50%, #1F1D1A 100%);
    	}
    	.lp-bf24--antecipa .col-content--image {
    		display: flex;
    		padding: 24px 0px 16px 0px;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 16px;
    		align-self: stretch;
    	}
    	.image-logo-campanha {
    		display: none;
    	}
    	.lp-bf24--antecipa .col-content--image .image-logo-campanha--mobile {
    		display: flex;
    		height: auto;
    		width: 100%;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 16px;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia {
    		display: flex;
    		padding: 8px 10%;
    		gap: 4px;
    		flex-direction: column;
    		align-items: flex-start;
    		align-self: stretch;
    		background: var(--SN-red-01, #DA291C);
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .body2-lp-bf24 {
    		align-self: stretch;
    		text-align: center;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title {
    		display: flex;
    		flex-direction: column;
    		align-items: flex-start;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content--image .lp-super-friday--urgencia .title .h3-lp-bf24 {
    		align-self: stretch;
    		font-size: 28px;
    		line-height: 120%;
    	}
    	.lp-bf24--antecipa .col-content {
    		display: flex;
    		height: 100vh;
    		padding: 10%;
    		flex-direction: column;
    		align-items: flex-start;
    		gap: 24px;
    		align-self: stretch;
    		border-radius: 24px 24px 0px 0px;
    		background: #37322D;
    	}
    	.lp-bf24--antecipa .col-content .cta-download {
    		display: none;
    	}
    	.lp-bf24--antecipa .col-content .title {
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .title .h1-lp-bf24 {
    		align-self: stretch;
    		font-size: 24px;
    		line-height: 28px;
    	}
    	.lp-bf24--antecipa .col-content .title .h4-lp-bf24 {
    		align-self: stretch;
    		font-size: 18px;
    		line-height: 22px;
    	}
    	.lp-bf24--antecipa .col-content .content {
    		display: flex;
    		padding-top: 32px;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 4px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .content .body2-lp-bf24 {
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .tutorial {
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    	}
    	.lp-bf24--antecipa .col-content .tutorial .body2-lp-bf24 {
    		align-self: stretch;
    	}
    	.row-btn-bottom-bar {
    		display: flex;
    		width: -webkit-fill-available;
    		padding: 6%;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		/*position: fixed;
    		bottom: 0;*/
    		/*border-radius: 12px 12px 0px 0px;
    		background: var(--SN-white-01, #FFF);
    		box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);*/
    	}
    	.row-btn-bottom-bar a.link-download-app--lp-bf24{
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: center;
    		align-self: stretch;
    		text-decoration: none;
    		
    	}
    	.row-btn-bottom-bar a.link-download-app--lp-bf24 .sn-btn-large {
    		display: flex;
    		height: 48px;
    		padding: 8px 12px;
    		justify-content: center;
    		align-items: center;
    		gap: 8px;
    		align-self: stretch;
    		border-radius: 8px;
    		border: 1px solid var(--SN-red-01, #DA291C);
    		background: var(--SN-red-01, #DA291C);
    	}
}