/*****************************************
*************** VARIABLES ****************
*****************************************/

:root {

/*FONTE*/	
--theme-font: 'Plus Jakarta Sans', sans-serif;
	
/*CORES DA MARCA*/
--primary-50-color: #FF0170;	
--primary-100-color: #323232;
--secondary-50-color: #FF4053;	

/*CORES NEUTRAS*/	
--neutral-50-color: #121212;
--neutral-100-color: #323232;
--neutral-150-color: #484848;
--neutral-200-color: #565656;	
--neutral-250-color: #707070;	
--neutral-300-color: #9A9A9A;
--neutral-350-color: #BABABA;	
--neutral-400-color: #C5C5C5;
--neutral-450-color: #C5C5C5;	
--neutral-500-color: #D4D4D4;
--neutral-550-color: #E7E7E7;
--neutral-600-color: #FAFAFA;	
	
/*CORES DO WHATSAPP*/	
--whatsapp-50-color: #028916;
--whatsapp-100-color: #036110;

/*CORES BASE*/	
--black-color: #000000;	
--white-color: #FFFFFF;
		
}



/*****************************************
*************** CSS RESET **************** 
*****************************************/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, button, small, strike, strong, sub, sup, ol, ul, li, form, input, select, textarea, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, picture, img, svg {
	box-sizing: border-box;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-family: var(--theme-font);
	border: 0;
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	line-height: 1;
}

article, aside, footer, header, nav, section {
	display: block
}

ol, ul {
	list-style: none
}

a, button {
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    border: none;
    outline: none;
    padding: 0;
}

img, video, svg {
	display: block;
	width: 100%;
	height: auto;
}

span, strike {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

strong {
	color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: inherit;
}



/*****************************************
*************** CONTAINER **************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.container {
	width: 100%;
	padding: 0 16px;
	margin: 0 auto;
}


/*CELULAR GRANDE E TABLETS PEQUENOS*/
@media (min-width: 640px) {
	
	.container {
		max-width: 640px;
	}	
	
}


/*TABLET*/
@media (min-width: 768px) {
	
	.container {
		max-width: 768px;
	}		
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.container {
		max-width: 1024px;
	}	
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.container {
		max-width: 1320px;
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.container {
		max-width: 1520px;
	}	
	
}



/*****************************************
**************** SECTION ***************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
section {
	position: relative;
	overflow: hidden;
	padding: 64px 0;
	z-index: 1;
}


/*TABLET*/
@media (min-width: 768px) {
	
	section {
		padding: 88px 0;
	}		

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	section {
		padding: 96px 0;
	}		
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	section {
		padding: 104px 0;
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	section {
		padding: 144px 0;
	}	
	
}



/*****************************************
************** TYPOGRAPHY **************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
h2, .h2,
h3, .h3,
h4, .h4 {
	color: var(--neutral-250-color);
	font-weight: 400;
	line-height: 1.28;
	letter-spacing: -.002em;
}

h2 .accent, .h2 .accent,
h3 .accent, .h3 .accent,
h4 .accent, .h4 .accent {
	color: var(--neutral-50-color);
	font-weight: 600;
}

h2.in-dark, .h2.in-dark,
h3.in-dark, .h3.in-dark,
h4.in-dark, .h4.in-dark {
	color: var(--neutral-250-color);
}

h2.in-dark .accent, .h2.in-dark .accent,
h3.in-dark .accent, .h3.in-dark .accent,
h4.in-dark .accent, .h4.in-dark .accent {
    color: var(--neutral-550-color);
    font-weight: 600;
}

h2, .h2 {
    font-size: 20px;
}

h3, .h3 {
	font-size: 18px;
}

h4, .h4 {
	font-size: 15px;
}

.ttl-label {
    color: var(--primary-50-color);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 8px 0 0;
}

p, ul, ol, li {
	color: var(--neutral-200-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.56;
	letter-spacing: .01em;
}


/*TABLET*/
@media (min-width: 768px) {
	
	h2, .h2 {
		font-size: 32px;
	}

	h3, .h3 {
		font-size: 22px;
	}

	h4, .h4 {
		font-size: 18px;
	}

	p, ul, ol, li {
		font-size: 15px;
	}	
	
	.ttl-label {
		font-size: 14px;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	h2, .h2 {
		font-size: 31px;
	}

	h3, .h3 {
		font-size: 20px;
	}

	h4, .h4 {
		font-size: 16px;
	}

	p, ul, ol, li {
		font-size: 14px;
	}
	
}

/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	h2, .h2 {
		font-size: 34px;
	}

	h3, .h3 {
		font-size: 23px;
	}

	h4, .h4 {
		font-size: 18px;
	}

	p, ul, ol, li {
		font-size: 15px;
	}
	
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	h2, .h2 {
		font-size: 46px;
	}

	h3, .h3 {
		font-size: 26px;
	}

	h4, .h4 {
		font-size: 19px;
	}

	p, ul, ol, li {
		font-size: 18.5px;
	}
	
	.ttl-label {
		font-size: 17px;
	}
	
}



/*****************************************
*************** TITLES ******************* 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.ttl-center, .ttl-line {
	text-align: center;
	margin: 0 0 48px;
}

.ttl-line {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
    justify-content: center;
    text-align: center;
}	

.ttl-line br, .ttl-center br {
    display: none;
}

.ttl-line .mob-1 {
	order: 1;
	margin: 0 0 8px;
}

.ttl-line .mob-2 {
	order: 2;
	margin: 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.ttl-line, .ttl-center {
			margin: 0 0 72px;
	}	
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.ttl-line, .ttl-center {
		margin: 0 0 80px;
	}	
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.ttl-line {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		text-align: left;
	}	

	.ttl-line, .ttl-center {
		margin: 0 0 88px;
	}
	
	.ttl-line br, .ttl-center br {
		display: block;
	}
	
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.ttl-line, .ttl-center {
		margin: 0 0 104px;
	}	
	
}



/*****************************************
*************** BUTTONS ****************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(45deg, var(--primary-50-color), var(--secondary-50-color));
	color: var(--white-color);
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: normal;
	border-radius: 99px;
	padding: 12px 24px;
	transition: .5s ease;
}

.btn_bottom {
	display: none;
}

.btn-center {
	text-align: center;
	margin: 48px 0 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.btn-center, .btn-left {
		margin: 72px 0 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.btn {
		font-size: 13px;
	}	

	.btn-center {
		margin: 80px 0 0;
	}	
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.btn {
		font-size: 15px;
		gap: 10px;
		padding: 12px 24px;
	}	
	
	.btn.anim {
		position: relative;
		background: var(--secondary-50-color);
		overflow: hidden;
		border-radius: 99px;
	}

	.btn.anim::before {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: conic-gradient(
			from var(--gradient-angle, 0deg),
			transparent 0deg,
			rgba(255, 255, 255, 0.2) 60deg,
			rgba(255, 255, 255, 0.8) 90deg,
			rgba(255, 255, 255, 0.2) 120deg,
			transparent 150deg,
			transparent 360deg
		);
		z-index: 1;
	}

	.btn.anim::after {
		content: '';
		position: absolute;
		inset: 3.5px;
		background: linear-gradient(45deg, var(--primary-50-color), var(--secondary-50-color));
		border-radius: inherit;
		z-index: 2;
	}

	.btn.anim.in-dark::after {
		inset: 2px;
	}

	.btn_stripe {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 18px;
		height: 200px;
		background-color: var(--white-color);
		mix-blend-mode: plus-lighter;
		transform: skewX(24deg);
		filter: blur(20px);
		opacity: 0.14;
		margin: auto;
		z-index: 5;
	}

	.btn_txt {
		position: relative;
		display: block;
		z-index: 6;
	}

	.btn_word-wrap {
		position: relative;
		display: inline-block;
		overflow: hidden;
	}

	.btn_top,
	.btn_bottom {
		display: block;
		position: relative;
	}

	.btn_bottom {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.btn:hover {
		transform: scale(1.04);
		box-shadow: 0 0 30px #ff017056;
	}

	.btn-center {
		margin: 88px 0 0;
	}
	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.btn {
		font-size: 17px;
		gap: 12px;
		padding: 14px 32px;
	}	

	.btn-center {
		margin: 104px 0 0;
	}

	
}



/*****************************************
*************** NAVEGAÇÃO ****************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.navigation {
	display: flex;
}

.navigation_prev, .navigation_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	fill: var(--primary-50-color);
	border: 1px solid var(--primary-50-color);
	transition: .5s ease;
}

.navigation_prev {
	border-right: none;
}

.navigation_ic {
	width: 18px;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.navigation_prev, .navigation_next {
		width: 44px;
		height: 44px;
	}
	
	.navigation_ic {
		width: 19px;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.navigation_prev, .navigation_next {
		width: 46px;
		height: 46px;
	}
	
	.navigation_ic {
		width: 18px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.navigation_prev, .navigation_next {
		width: 48px;
		height: 48px;
	}
	
	.navigation_prev:hover, .navigation_next:hover {
		background-color: var(--primary-50-color);
		fill: var(--white-color);
		border-color: var(--primary-50-color);
	}
	
	.navigation_ic {
		width: 21px;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.navigation_prev, .navigation_next {
		width: 52px;
		height: 52px;
	}
	
	.navigation_ic {
		width: 22px;
	}
	
}



/*****************************************
*************** NAVBAR *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/

body.menu-open, .no-scroll {
	overflow: hidden;
}

.nav_overlay {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--neutral-50-color);
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: .5s ease;
}

.menu-open .nav_overlay {
	visibility: visible;
	opacity: .56;
}

.nav {
	position: relative;
	top: 0;
	width: 100%;
	background-color: var(--white-color);
	border-bottom: 1px solid var(--neutral-550-color);
	padding: 8px 0;
	z-index: 998;
}

.nav.fix {
	position: fixed;
}

.nav_container, .nav_menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav_logo-link {
	display: block;
	width: 72px;
}

.nav_menu {
    position: fixed;
	top: 42.3px;
	bottom: 0;
	right: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 56%;
    height: calc(100vh - 42.3px);
    background-color: var(--white-color);
    border-left: 1px solid var(--neutral-550-color);
	transform: translateX(100%);
    padding: 0;
    margin: 0;
    z-index: 999;
	transition: .5s ease;
}

.menu-open .nav_menu {
	transform: translateX(0);
}

.nav_menu li {
    width: 100%;
    border-bottom: 1px solid var(--neutral-550-color);
}

.nav_menu-link {
    display: block;
    color: var(--neutral-250-color);
    text-transform: uppercase;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 16px 20px;
    transition: .5s ease;
}

.nav_menu-link.active, .nav_menu-link.active:hover {
	color: var(--primary-50-color);
}

.nav_btn {
	display: none;
	background: var(--white-color);
	color: var(--primary-50-color);
	font-size: 11px;
	letter-spacing: .05em;
	border: 1.5px solid var(--primary-50-color);
	padding: 8px 14px;
}

.nav_mob-toggle {
    display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	width: 22px;
	height: 14px;
}

.nav_mob-toggle span {
	background-color: var(--neutral-250-color);
	width: 100%;
	height: 1.5px;
	transition: .5s ease;
}

.nav_mob-toggle span:nth-child(2) {
	width: 72%;
}

.menu-open .nav_mob-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 4px);
}

.menu-open .nav_mob-toggle span:nth-child(2) {
	width: 0;
	opacity: 0;
}

.menu-open .nav_mob-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -3px);
}


/*TABLET*/
@media (min-width: 768px) {
	
	.nav {
		padding: 12px 0;
	}
	
	.nav_logo-link {
		display: block;
		width: 72px;
	}
	
	.nav_menu {
		top: 50.3px;
		width: 44%;
		height: calc(100vh - 50.3px);
	}
	
	.nav_menu-link {
		font-size: 12px;
		padding: 16px 24px;
	}
	
	.nav_mob-toggle {
		width: 26px;
		height: 18px;
	}
	
	.menu-open .nav_mob-toggle span:nth-child(1) {
		transform: rotate(45deg) translate(9px, 4px);
	}
	
	.menu-open .nav_mob-toggle span:nth-child(3) {
		transform: rotate(-45deg) translate(7px, -3px);
	}
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.nav_logo-link {
		width: 76px;
	}
	
	.nav_menu {
		position: static;
		flex-direction: row;
		justify-content: center;
		gap: 20px;
		width: fit-content;
		height: auto;
		border-left: none;
		transform: translateX(0);
		margin: 0;
	}
	
	.nav_menu li {
		width: fit-content;
		border-bottom: none;
		padding: 0;
	}
	
	.nav_menu-link {
		font-size: 11px;
		padding: 0;
	}
	
	.nav_btn {
		display: inline-flex;
		font-size: 11px;
		padding: 8px 16px;
	}
	
	.nav_mob-toggle {
		display: none;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.nav {
		padding: 14px 0;
	}
	
	.nav.fix {
		position: relative;
	}
	
	.nav_logo-link {
		width: 84px;
	}
	
	.nav_menu {
		gap: 24px;
	}
	
	.nav_menu-link {
		font-size: 11.5px;
	}
	
	.nav_menu-link:hover {
		color: var(--primary-50-color);
	}
	
	.nav_btn {
		font-size: 11.5px;
		padding: 8px 16px;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.nav {
		padding: 20px 0;
	}
	
	.nav_logo-link {
		width: 108px;
	}
	
	.nav_menu {
		gap: 32px;
		margin: 0 0 0 14px;
	}
	
	.nav_menu-link {
		font-size: 13px;
	}
	
	.nav_btn {
		font-size: 13px;
		padding: 10px 20px;
	}
	
}



/*****************************************
**************** HERO ********************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.hero {
	overflow: visible;
	overflow-x: clip;
	padding: 0;
}

.hero_container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 44px;
}

.hero_label {
    display: block;
    align-items: center;
    color: var(--primary-50-color);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .04em;
    margin: 0 0 14px;
}

.hero_label::before {
	content: url(../svg/bars.svg);
	display: none;
	height: auto;
	line-height: 0;
}

.hero_ttl {
	color: var(--neutral-50-color);
	font-size: 5.15vw;
	font-weight: 400;
	line-height: 1.24;
	letter-spacing: -0.002em;
}

.hero_ttl span {
	color: var(--black-color);
	font-weight: 700;
}

.hero_ttl br {
	display: none;
}

.hero_txt-area {
	width: 100%;
}

.hero_swiper-box {
	border-top: 1px solid var(--neutral-550-color);
	border-bottom: 1px solid var(--neutral-550-color);
	padding: 8px 2px;
	margin: 18px 0;
}

.hero_swiper .swiper-wrapper {
	align-items: center;
}

.hero_swiper .swiper-slide {
	text-align: center;
}

.hero_ic {
	display: inline-block;
	width: 17px;
}

.meta {
	transform: scale(1.16);
}

.hero_txt {
	text-align: center;
	margin: 0px 0 24px;
}

.hero_txt span {
	color: var(--neutral-150-color);
	font-weight: 600;
}

.hero_divider {
	display: none;
}

.hero_btn {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.hero_bottom {
    position: relative;
    padding: 0 0 0 16px;
}

.hero_bottom::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56%;
	background-color: var(--neutral-50-color);
	transform: translateY(4px);
	z-index: -1;
}

.hero_bottom-box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-left: auto;
}

.hero_bottom-txt-area {
	display: none;
}

.hero_bottom-txt {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--neutral-350-color);
	writing-mode: sideways-lr;
	-webkit-text-orientation: upright;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
}

.hero_bottom-txt-line {
	display: block;
	background-color: var(--neutral-350-color);
	width: 1.5px;
	height: 140px;
	margin: 12px 0 8px;
}

.hero_bottom-txt-arrows {
	display: flex;
	align-items: center;
	gap: 2px;
}

.hero_bottom-txt-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	border-color: var(--primary-50-color);
	transform: rotate(225deg);
	transform-origin: center;
}

.hero_bottom-txt-arrow.one {
	animation: arrowPointDown 1.4s ease-in-out infinite;
}

.hero_bottom-txt-arrow.two {
	animation: arrowPointDown 1.4s ease-in-out infinite;
	animation-delay: 0.2s;
}

.hero_bottom-img-area {
	width: 100%;
	overflow: hidden;
}

@keyframes arrowPointDown {
  0% {
    opacity: 0;
    transform: rotate(225deg) translate(4px, 4px);
  }
  50% {
    opacity: 1;
    transform: rotate(225deg) translate(0px);
  }
  100% {
    opacity: 0;
    transform: rotate(225deg) translate(-4px, -4px);
  }
}


/*CELULAR PEQUENO*/
@media (min-width: 450px) {
	
	.hero_ttl {
		font-size: 21px;
	}		

}


/*TABLET*/
@media (min-width: 768px) {
	
	.hero_container {
		padding-top: 40px;
		padding-bottom: 56px;
	}
	
	.hero_label {
		font-size: 13px;
		margin: 0 0 14px;
	}
	
	.hero_label::before {
		width: 34px;
	}
	
	.hero_ttl {
		font-size: 38px;
	}
	
	.hero_swiper-box {
		margin: 22px 0;
		padding: 7px 14px;
	}
	
	.hero_ic {
		width: 20px;
	}
	
	.hero_txt {
		margin: 0 0 36px;
	}
	
    .hero_bottom {
        padding: 0;
    }
	
	.hero_bottom-box {
        width: calc(768px + ((100vw - 768px - 32px) / 2));
    }
	.hero_bottom-img {
		object-fit: fill;
		height: auto;
	}
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.hero_container {
		text-align: left;
		padding-top: 56px;
		padding-bottom: 64px;
	}
	
	.hero_label {
		display: flex;
		font-size: 14px;
		margin: 4px 0 40px;
	}
	
	.hero_label::before {
		display: block;
		width: 40px;
		margin: 0 10px 0px 0;
	}
	
	.hero_ttl {
		font-size: 40px;
	}
	
	.hero_ttl br {
		display: block;
	}
	
	.hero_divider {
		display: block;
		width: 1px;
		height: auto;
		background-color: var(--neutral-550-color);
		border: 0;
	}
	
	.hero_txt-area {
		width: 31.5%;
	}
	
	.hero_swiper-box {
		border: 1px solid var(--neutral-550-color);
		border-radius: 99px;
		padding: 8px 16px;
	}
	
	.hero_swiper {
		-webkit-mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
		mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	
	.hero_swiper-box {
		margin: 0;
	}
	
	.hero_ic {
		width: 18px;
	}
	
	.hero_txt {
		text-align: justify;
		margin: 12px 0 24px;
	}
	
	.hero_bottom-box {
		width: calc(1024px + ((100vw - 1024px - 32px) / 2));
	}
	
	.hero_bottom-txt-area {
		display: block;
	}
	
	.hero_bottom-txt {
		font-size: 12px;
	}
	
	.hero_bottom-txt-line {
		height: 112px;
		margin: 16px 0 10px;
	}
	
	.hero_bottom-txt-arrow {
		width: 10px;
		height: 10px;
	}
	
	.hero_bottom-img-area {
		width: 83.5%;
	}
	
	.hero_btn {
		width: 100%;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.hero_label {
		font-size: 15px;
		margin: 3px 0 40px;
	}
	
	.hero_label::before {
		width: 42px;
		margin: 0 10px 0px 0;
	}
	
	.hero_ttl {
		font-size: 48px;
	}
	
	.hero_txt-area {
		width: 26%;
	}
	
	.hero_swiper-box {
		padding: 9px 18px;
	}
	
	.hero_txt {
		margin: 18px 0 36px;
	}
	
	.hero_bottom-box {
		width: calc(1320px + ((100vw - 1320px - 32px) / 2));
	}
	
	.hero_bottom-txt {
		font-size: 13px;
	}
	
	.hero_bottom-txt-line {
		height: 140px;
		margin: 20px 0 11px;
	}
	
	.hero_bottom-img {
		object-fit: cover;
		transform: scale(1.1);
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.hero_container {
		padding-top: 76px;
		padding-bottom: 88px;
	}
	
	.hero_label {
		font-size: 17px;
		margin: 4px 0 48px;
	}
	
	.hero_label::before {
		width: 48px;
		margin: 0 12px 0px 0;
	}
	
	.hero_ttl {
		font-size: 64px;
	}
	
	.hero_swiper-box {
		padding: 10px 20px;
	}
	
	.hero_ic {
		width: 22px;
	}
	
	.hero_txt {
		margin: 18px 0 38px;
	}
	
	.hero_bottom-box {
		width: calc(1520px + ((100vw - 1520px - 32px) / 2));
	}
	
	.hero_bottom-txt {
		font-size: 15px;
	}
	
	.hero_bottom-txt-line {
		height: 256px;
		margin: 24px 0 12px;
	}
	
	.hero_bottom-txt-arrow {
		width: 13px;
		height: 13px;
	}
	
}



/*****************************************
************** ESTRATÉGIA ****************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.str {
	background-color: var(--neutral-50-color);
}

.word-reveal {
	display: inline-block;
}

.str_funnel {
    display: flex;
    flex-direction: column;
    gap: 56px;
    padding: 26px 0 16px;
}

.str_funnel-part {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
}

.str_funnel-box {
	display: flex;
	align-items: center;
}

.str_funnel-label {
	position: absolute;
	top: -27px;
	left: 0;
	right: 0;
	width: fit-content;
	color: var(--white-color);
	text-transform: uppercase;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .06em;
	box-shadow: 0 0 0 12px var(--neutral-50-color);
	border-radius: 99px;
	padding: 3px 10px;
	margin: 0 auto;
}

#trafego .str_funnel-label {
	background-color: #4284F4;
}

#conversao .str_funnel-label {
	background-color: #F33A94;
}

#relacionamento .str_funnel-label {
	background-color: #784BDC;
}

#venda .str_funnel-label {
	background-color: #2AA739;
}

.str_funnel-ic {
	width: 16px;
	transform-origin: right;
	margin: 0 8px 0 0;
}

.str_funnel-ic.adj {
	transform: scale(1.24);
}

.str_funnel-box-txt-area {
	width: calc(100% - 16px - 8px);
}

.str_funnel-ttl {
	color: var(--neutral-550-color);
	font-size: 12px;
	font-weight: 600;
	margin: 0 0 1px;
}

.str_funnel-ttl span {
	color: var(--primary-50-color);
}

.str_funnel-txt {
	display: none;
	color: var(--neutral-350-color);
}

.str_funnel-shape {
	position: absolute;
	inset: 0;
	height: 12.1vw;
	fill: none;
	stroke: var(--neutral-150-color);
	stroke-width: 1.5px;
	stroke-miterlimit: 10;
	margin: auto;
	z-index: -1;
}

.str_funnel-shape.dsk {
    display: none;
} 


/*CELULAR PEQUENO*/
@media (min-width: 450px) {
	
	.str_funnel-shape {
		height: 61px;
	}	
	
}


/*TABLET*/
@media (min-width: 768px) {
	
	.str_funnel {
		gap: 80px;
		padding: 28px 0;
	}
	
	.str_funnel-part {
		gap: 48px;
	}
	
	.str_funnel-label {
		top: -45px;
		font-size: 10px;
		box-shadow: 0 0 0 14px var(--neutral-50-color);
		padding: 4px 12px;
	}
	
	.str_funnel-ic {
		width: 20px;
		margin: 0 12px 0 0;
	}
	
	.str_funnel-box-txt-area {
		width: calc(100% - 20px - 12px);
	}
	
	.str_funnel-ttl {
		font-size: 14px;
	}
	
	.str_funnel-shape {
        height: 72px;
    }
	
	.str_funnel-shape.dsk {
		display: block;
	} 
	
	.str_funnel-shape.mob {
		display: none;
	} 
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.str_funnel {
		gap: 96px;
		padding: 32px 0;
	}
	
	.str_funnel-part {
		gap: 36px;
	}
	
	.str_funnel-label {
		top: -37px;
		font-size: 10px;
		padding: 4px 12px;
	}
	
	.str_funnel-ic {
		width: 28px;
		margin: 0 14px 0 0;
	}
	
	.str_funnel-box-txt-area {
		width: calc(100% - 28px - 14px);
	}
	
	.str_funnel-ttl {
		font-size: 14px;
		margin: 0 0 1px;
	}
	
	.str_funnel-txt {
		display: block;
		font-size: 13px;
	}
	
	.str_funnel-shape {
		height: 95px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.str_funnel {
		gap: 112px;
		padding: 36px 0;
	}
	
	.str_funnel-part {
		gap: 72px;
	}
	
	.str_funnel-label {
		top: -49px;
		font-size: 11px;
		padding: 5px 16px;
	}
	
	.str_funnel-ic {
		width: 36px;
		margin: 0 16px 0 0;
	}
	
	.str_funnel-box-txt-area {
		width: calc(100% - 36px - 16px);
	}
	
	.str_funnel-ttl {
		font-size: 16px;
	}
	
	.str_funnel-txt {
		font-size: 15px;
	}
	
	.str_funnel-shape {
		height: 124px;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.str_funnel {
		gap: 128px;
		padding: 44px 0;
	}
	
	.str_funnel-part {
		gap: 88px;
	}
	
	.str_funnel-label {
		top: -55px;
		font-size: 13px;
		box-shadow: 0 0 0 16px var(--neutral-50-color);
		padding: 6px 18px;
	}
	
	.str_funnel-ic {
		width: 44px;
		margin: 0 20px 0 0;
	}
	
	.str_funnel-box-txt-area {
		width: calc(100% - 44px - 20px);
	}
	
	.str_funnel-ttl {
		font-size: 20px;
		margin: 0 0 2px;
	}
	
	.str_funnel-txt {
		font-size: 17.5px;
	}
	
	.str_funnel-shape {
		height: 140px;
	}
	
}



/*****************************************
*************** SERVICOS *****************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
#google {
	--clr-1: #34A853;
	--clr-2: #46BB65;
	--clr-3: #43B76272;
	--clr-4: #E9F4EA;
}

#redes-sociais {
	--clr-1: #4284F4;
	--clr-2: #5D93Ef;
	--clr-3: #4284F472;
	--clr-4: #EBF1FE
}

#seo {
	--clr-1: #E8Af06;
	--clr-2: #F7C633;
	--clr-3: #E8Af0672;
	--clr-4: #FDF6E9
}

.serv {
	background-color: var(--white-color);
}

.serv_img-area {
    position: static;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
	background-color: var(--clr-4);
    margin: 0 auto 28px;
}

.serv_anim {
	transform: scale(1.35);
}

#estrategia .serv_anim {
    transform: scale(1.45);
}

#redes-sociais .serv_img-area {
	left: 0;
	right: unset;
}

.serv_txt-area {
    width: 100%;
    text-align: center;
}

#redes-sociais .serv_txt-area {
	margin: 0 0 0 auto;
}

.serv_sub {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 12px 0 28px;
}

.serv_sub-list, .serv_sub-time {
	display: flex;
	align-items: center;
	height: 28px;
	border: 1px solid var(--neutral-550-color);
	border-radius: 99px;
	padding: 0 12px;
}

.serv_sub-list {
	gap: 10px;
}

.serv_sub-time {
    font-size: 11.5px;
    gap: 6px;
}

.serv_sub-time span span {
	color: var(--neutral-50-color);
	font-weight: 600;
}

.serv_sub-ic {
	width: 14px;
}

.serv_sub-time-ic {
	fill: var(--clr-1);
	width: 12px;
}

.service_benefit {
	color: var(--clr-1);
	font-weight: 600;
	line-height: 1.4;
}

.service_inc-list {
	width: fit-content;
	margin: 8px auto 28px;
}

.service_inc-item {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.service_inc-item + .service_inc-item {
	margin: 6px 0 0;
}

.service_inc-ic {
	fill: var(--clr-1);
	width: 14px;
}

.serv_btn.anim {
    background: var(--clr-1);
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 768px) {
	
    .serv_img-area {
        width: 62%;
        margin: 0 auto 32px;
    }
	
	.serv_sub {
		gap: 12px;
		margin: 16px 0 32px;
	}
	
	.serv_sub-list, .serv_sub-time {
		height: 28px;
		padding: 0 14px;
	}
	
	.serv_sub-list {
		gap: 12px;
	}
	
	.serv_sub-time {
		font-size: 13px;
		gap: 6px;
	}
	
	.serv_sub-ic {
		width: 15px;
	}
	
	.serv_sub-time-ic {
		width: 12px;
	}
	
	.service_inc-list {
		margin: 10px auto 40px;
	}
	
	.service_inc-ic {
		width: 14px;
	}
	
	.serv_btn.anim {
		background: var(--clr-2);
	}

	.serv_btn.anim:after {
		background: linear-gradient(45deg, var(--clr-1), var(--clr-2));
	}
	
}

@media (max-width: 1319px) {
	
	#redes-sociais {
		padding: 0;		
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.serv_img-area {
		position: absolute;
		width: 50%;
		height: 100%;
		margin: 0;
	}
	
	.serv_anim {
		position: absolute;
		inset: 0;
		transform: none;
		margin: auto;
	}
	
	#estrategia .serv_anim {
    	transform: scale(1.18);
	}
	
	.serv_txt-area {
		width: 41%;
		text-align: left;
	}
	
	.serv_sub {
		justify-content: flex-start;
		gap: 18px;
		margin: 18px 0 28px;
	}
	
	.serv_sub-list, .serv_sub-time {
		height: 32px;
		padding: 0 18px;
	}
	
	.serv_sub-list {
		gap: 13px;
	}
	
	.serv_sub-time {
		font-size: 14px;
		gap: 6px;
	}
	
	.serv_sub-ic {
		width: 16px;
	}
	
	.serv_sub-time-ic {
		width: 14px;
	}
	
	.service_inc-list {
		width: auto;
		margin: 12px 0 44px;
	}
	
	.service_inc-item {
		gap: 10px;
		white-space: normal;
	}
	
	.service_inc-item + .service_inc-item {
		margin: 8px 0 0;
	}
	
	.service_inc-ic {
		width: 16px;
	}
	
	.serv_btn:hover {
		box-shadow: 0 0 30px var(--clr-3);
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.serv_sub {
		gap: 16px;
		margin: 20px 0 32px;
	}
	
	.serv_sub-list, .serv_sub-time {
		height: 36px;
		padding: 0 20px;
	}
	
	.serv_sub-list {
		gap: 14px;
	}
	
	.serv_sub-time {
		font-size: 15.5px;
		gap: 8px;
	}
	
	.serv_sub-ic {
		width: 20px;
	}
	
	.serv_sub-time-ic {
		width: 16px;
	}
	
	.service_inc-list {
		margin: 16px 0 56px;
	}
	
	.service_inc-item {
		gap: 12px;
	}
	
	.service_inc-item + .service_inc-item {
		margin: 10px 0 0;
	}
	
	.service_inc-ic {
		width: 18px;
	}
	
}



/*****************************************
***************** CRM ********************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.crm {
	background-color: var(--white-color);
	border-top: 1px solid var(--neutral-550-color);
	border-bottom: 1px solid var(--neutral-550-color);
}

.crm_ttl-area {
	align-items: stretch;
}

.crm_sec-ttl .accent span {
	color: var(--primary-50-color);
}

.crm_nav-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.crm_navs {
	display: none;
}

.crm_tabs {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}

.crm_tab {
	width: 100%;
	height: auto;
	border: 1px solid var(--neutral-550-color);
	transition: .5s ease background-color;
}

.crm_tab-label {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: auto;
	padding: 16px 20px;
}

.crm_tab-label-num {
	color: var(--neutral-350-color);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.04em;
	transition: .5s ease color;
}

.crm_tab-label-ttl {
	color: var(--neutral-350-color);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .02em;
	writing-mode: unset;
	-webkit-text-orientation: unset;
	transition: .5s ease color;
}

.crm_tab-content {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0;
}

.crm_tab-content {
    display: flex;
    height: auto;
    padding: 16px 16px 24px;
}

.crm_tab-img-area {
	width: 100%;
}

.crm_tab-txt-area {
	width: 100%;
}

.crm_tab-ttl {
	display: none;
}

.crm_tab-ttl span {
	color: var(--primary-50-color);
	font-size: 72%;
	font-weight: 700;
	margin: 0 6px 0 0;
}

.crm_tab-item {
	font-size: 14px;
	border-left: 2px solid var(--neutral-550-color);
	padding: 0 0 0 12px;
}

.crm_tab-item + .crm_tab-item {
	margin: 12px 0 0;
}

.crm_tab-controls {
	display: none;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.crm_nav-area {
		gap: 20px;
	}
	
	.crm_tab-label {
		padding: 24px 56px;
	}
	
	.crm_tab-label-num {
		font-size: 22px;
	}
	
	.crm_tab-label-ttl {
		font-size: 17px;
	}
	
	.crm_tab-content {
		gap: 24px;
	}
	
    .crm_tab-content {
        padding: 16px 56px 36px;
    }
	
	.crm_tab-item {
		font-size: 15px;
		padding: 0 0 0 12px;
	}
	
	.crm_tab-item + .crm_tab-item {
		margin: 14px 0 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.crm_nav-area {
		gap: 24px;
	}
	
	.crm_tab-label {
		padding: 28px 136px;
	}
	
	.crm_tab-label-num {
		font-size: 24px;
	}
	
	.crm_tab-label-ttl {
		font-size: 18px;
	}
	
	.crm_tab-content {
		gap: 28px;
	}
	
	.crm_tab-content {
		padding: 20px 136px 40px;
	}
	
	.crm_tab-item {
		font-size: 16px;
		padding: 0 0 0 14px;
	}
	
	.crm_tab-item + .crm_tab-item {
		margin: 16px 0 0;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.crm_nav-area {
		align-items: flex-end;
		gap: 0;
	}
	
	.crm_navs {
		display: flex;
	}
	
	.crm_tabs {
		flex-direction: row;
		gap: 0;
	}
	
	.crm_tab {
		height: 510px;
	}
	
	.crm_tab-label {
		flex-direction: column;
		height: 100%;
		padding: 30px 0;
	}
	
	.crm_tab-label-num {
		font-size: 24px;
	}
	
	.crm_tab-label-ttl {
		font-size: 18px;
		writing-mode: sideways-lr;
		-webkit-text-orientation: upright;
	}
	
	.crm_tab-content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: 100%;
		gap: 0;
		padding: 30px 40px;
	}
	
	.crm_tab-img-area {
		width: 65%;
	}
	
	.crm_tab-txt-area {
		width: 30%;
	}
	
	.crm_tab-ttl {
		display: block;
		text-wrap: balance;
		color: var(--neutral-50-color);
		font-weight: 500;
	}
	
	.crm_tab-ttl span {
		margin: 0 7px 0 0;
	}
	
	.crm_tab-list {
		margin: 30px 0 64px;
	}
	
	.crm_tab-item {
		font-size: 14px;
		padding: 0 0 0 15px;
	}
	
	.crm_tab-item + .crm_tab-item {
		margin: 18px 0 0;
	}
	
	.crm_tab-controls {
		display: flex;
		align-items: center;
	}
	
	.crm_tab-controls-ic {
		width: 24px;
		opacity: 0.44;
		filter: grayscale(1);
		margin: 0 15px 0 0;
		transition: .5s ease;
	}
	
	.crm_tab-controls-ic:hover {
		opacity: 1;
		filter: none;
	}
	
	.crm_tab-controls-progress {
		position: relative;
		width: calc(100% - 24px - 15px);
		height: 3px;
		overflow: hidden;
		background-color: var(--neutral-500-color);
		border-radius: 8px;
		z-index: 1;
	}
	
	.crm_tab-controls-bar {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: var(--progress);
		height: 100%;
		background-color: var(--primary-50-color);
		border-radius: 8px;
		z-index: 2;
	}
	
	.crm_tab:not(.active) {
		cursor: pointer;
	}
	
	.crm_tab:not(.active):hover {
		background-color: var(--neutral-600-color);
	}
	
	.crm_tab:not(.active):hover .crm_tab-label-num {
		color: var(--primary-50-color);
	}
	
	.crm_tab:not(.active):hover .crm_tab-label-ttl {
		color: var(--neutral-50-color);
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.crm_tab {
		height: 600px;
	}
	
	.crm_tab-label {
		padding: 32px 0;
	}
	
	.crm_tab-label-num {
		font-size: 28px;
	}
	
	.crm_tab-label-ttl {
		font-size: 20px;
	}
	
	.crm_tab.active .crm_tab-content {
		padding: 32px;
	}
	
	.crm_tab-ttl span {
		margin: 0 8px 0 0;
	}
	
	.crm_tab-list {
		margin: 32px 0 72px;
	}
	
	.crm_tab-item {
		font-size: 17px;
		padding: 0 0 0 16px;
	}
	
	.crm_tab-item + .crm_tab-item {
		margin: 20px 0 0;
	}
	
	.crm_tab-controls-ic {
		width: 26px;
		margin: 0 16px 0 0;
	}
	
	.crm_tab-controls-progress {
		width: calc(100% - 26px - 16px);
	}
	
}



/*****************************************
*************** PROCESSOS ****************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.proc {
	background-color: var(--white-color);
}

.proc_boxes {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.proc_box:not(:first-child) {
	margin: 0;
}

.proc_link {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.proc_link::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--neutral-50-color);
	opacity: 0;
	z-index: 1;
	transition: .5s ease;
}

.proc_img {
	object-fit: cover;
	height: 100%;
}

.proc_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--neutral-50-color);
	font-weight: 600;
	font-size: 14px;
	margin: 6px 0 0;
}

.proc_ttl span {
	display: flex;
	align-items: center;
	color: var(--primary-50-color);
	font-size: 80%;
	font-weight: 700;
}

.proc_ttl span::before{
	content: '/';
	font-size: 88%;
	margin: 0 4px 0 0;
}

.proc_hvr {
	display: none;
}

.fancybox__container {
	padding: 16px;
}

/*TABLET*/
@media (min-width: 768px) {
	
	.proc_boxes {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
	
	.proc_ttl {
		gap: 12px;
		font-size: 17px;
		margin: 14px 0 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.proc_boxes {
		gap: 40px;
	}
	
	.proc_ttl {
		gap: 14px;
		font-size: 18px;
		margin: 8px 0 0;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.proc_boxes {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		will-change: transform;
	}
	
	.proc_box:not(:first-child) {
		margin: 0 0 0 48px;
	}
	
	.proc_link {
		width: 60vh;
		height: calc(100vh - (120px * 3) - 100px - 24px);
	}
	
	.proc_link:hover::before {
		opacity: .24;
	}
	
	.proc_img {
		transition: .88s ease .1s;
	}
	
	.proc_link:hover .proc_img {
		transform: scale(1.06);
	}
	
	.proc_ttl {
		justify-content: flex-start;
		font-size: 19px;
		margin: 18px 0 0;
	}
	
	.proc_hvr {
		pointer-events: none;
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68px;
		height: 68px;
		color: var(--white-color);
		background: linear-gradient(45deg, var(--primary-50-color), var(--secondary-50-color));
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: .08em;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		z-index: 999;
		opacity: 0;
		scale: 0;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.proc_box:not(:first-child) {
		margin: 0 0 0 56px;
	}
	
	.proc_link {
		width: 72vh;
		height: calc(100vh - (144px * 3) - 117.75px - 26.88px);
	}
	
	.proc_ttl {
		gap: 16px;
		font-size: 21px;
		margin: 20px 0 0;
	}
	
	.proc_hvr {
		width: 76px;
		height: 76px;
		font-size: 11px;
	}
	
}


@media (min-width: 1930px) and (min-height: 1090px) {
	
	.proc {
		padding: 14vh 0;
	}
	
	.proc_s-ttl-area {
		height: 20vh;
		margin: 0;
	}
	
	.proc_link {
		width: 62vh;
		height: calc(100vh - (14vh * 2) - 20vh - 5vh);
	}
	
	.proc_ttl {
		height: 5vh;
		margin: 0;
	}
	
}



/*****************************************
***************** CASES ******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.cases {
	background-color: var(--neutral-50-color);
	overflow: visible;
}

.cases_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cases_ttl-area {
	text-align: center;
	margin: 0 0 48px;
}

.cases_ttl {
	margin: 8px 0 0;
}

.cases_info-area {
	width: 100%;
}

.cases_box-txt-area {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cases_box {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	border-bottom: 1px solid var(--neutral-150-color);
	padding: 40px 0;
}

.cases_box:first-child {
	padding-top: 0;
}

.cases_box:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.cases_box-company {
	color: var(--neutral-500-color);
	font-size: 20px;
	font-weight: 600;
}

.cases_segment {
	color: var(--primary-50-color);
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .15em;
	margin: 6px 0 16px;
}

.cases_box-txt {
	color: var(--neutral-300-color);
}

.cases_box-txt span {
	color: var(--neutral-500-color);
	font-weight: 600;
}

.cases_box-servs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 16px 0 0;
}

.cases_box-serv {
	display: flex;
	color: var(--neutral-350-color);
	font-size: 10px;
	border: 1px solid var(--neutral-300-color);
	border-radius: 99px;
	padding: 3px 8px;
}

.cases_btn {
	width: fit-content;
	margin: 48px auto 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.cases_ttl-area {
		margin: 0 0 72px;
	}
	
	.cases_box {
		grid-template-columns: 1.4fr 1fr;
		gap: 28px;
		padding: 32px 0;
	}
	
	.cases_box-company {
		font-size: 22px;
	}
	
	.cases_segment {
		font-size: 11px;
		margin: 6px 0 18px;
	}
	
	.cases_box-servs {
		margin: 0;
	}
	
	.cases_box-serv {
		font-size: 10.5px;
		padding: 3px 10px;
	}
	
	.cases_btn {
		margin: 72px auto 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.cases_ttl-area {
		margin: 0 0 80px;
	}
	
	.cases_box {
		grid-template-columns: 1.1fr 1fr;
		gap: 32px;
		padding: 36px 0;
	}
	
	.cases_box-company {
		font-size: 24px;
	}
	
	.cases_segment {
		font-size: 12px;
		margin: 7px 0 20px;
	}
	
	.cases_box-servs {
		gap: 7px;
	}
	
	.cases_box-serv {
		font-size: 11px;
		padding: 4px 11px;
	}
	
	.cases_btn {
		margin: 80px auto 0;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.cases_container {
		flex-direction: row;
	}
	
	.cases_info-area {
		width: 67%;
	}
	
	.cases_ttl-area {
		text-align: left;
		margin: 0;
	}
	
	.cases_ttl {
		margin: 8px 0 48px;
	}
	
	.cases_box {
		grid-template-columns: 2.33fr 1fr;
		gap: 36px;
		padding: 48px 0;
	}
	
	.cases_box-company {
		font-size: 26px;
	}
	
	.cases_segment {
		font-size: 12px;
		margin: 7px 0 22px;
	}
	
	.cases_box-servs {
		gap: 7px;
	}
	
	.cases_box-serv {
		font-size: 11px;
	}
	
	.cases_btn {
		margin: 0;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.cases_ttl {
		margin: 8px 0 56px;
	}
	
	.cases_box {
		gap: 40px;
		padding: 72px 0;
	}
	
	.cases_box-company {
		font-size: 28px;
	}
	
	.cases_segment {
		font-size: 13px;
		margin: 8px 0 24px;
	}
	
	.cases_box-servs {
		gap: 8px;
	}
	
	.cases_box-serv {
		font-size: 11.5px;
		padding: 4px 12px;
	}
	
}



/*****************************************
************** DEPOIMENTOS ***************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.testimonials_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.testimonials_ttl-area {
	width: 100%;
	text-align: center;
	margin: 0 0 48px;
}

.testimonials_ttl {
	line-height: 1.12;
	margin: 8px 0 0;
}

.testimonials_navs {
	margin: 48px 0 0;
}

.testimonials_swiper-area {
	width: 100%;
}

.testimonial_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid var(--neutral-550-color);
}

.testimonial_play-area {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 300px;
	transition: .5s ease;
}

.testimonial_play-area::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--neutral-50-color);
	opacity: 0;
	z-index: 1;
	transition: .5s ease;
}

.testimonial_play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #00000024;
    backdrop-filter: blur(2px);
    fill: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 50%;
    padding: 0 0 0 3px;
    margin: auto;
    z-index: 2;
    transition: .5s ease;
}

.testimonial_play-ic {
	width: 28px;
}

.testimonial_img {
	object-fit: cover;
	object-position: top;
	height: 100%;
}

.testimonial_txt-area {
    width: 100%;
    padding: 32px;
}

.testimonial_txt {
	color: var(--neutral-250-color);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.48;
}

.testimonial_txt span {
	color: var(--neutral-50-color);
	font-weight: 700;
}

.testimonial_txt::before {
	content: url(../svg/aspas.svg);
	display: block;
	width: 36px;
	opacity: .1;
	margin: 0 0 8px;
}

.testimonial_name {
	color: var(--neutral-50-color);
	font-size: 14.5px;
	font-weight: 600;
	margin: 16px 0 1px;
}

.testimonial_role {
	text-transform: uppercase;
	color: var(--neutral-250-color);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .04em;
}

.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
	background: transparent;
}

.clients {
	padding: 0;
}

.clients_swiper {
	border: solid var(--neutral-550-color);
	border-width: 1px 0 1px;
}

.clients_swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 160px;
	border-right: 1px solid var(--neutral-550-color);
}

.clients_swiper img {
	max-width: 100px;
	max-height: 70px;
}

.clients_swiper .adj-1 {
	transform: scale(0.84);
}

.clients_swiper .adj-2 {
	transform: scale(0.72);
}

.clients_swiper .adj-3 {
	transform: scale(1.2);
}


/*TABLET*/
@media (min-width: 768px) {
	
	.testimonials_ttl-area {
		margin: 0 0 72px;
	}
	
	.testimonials_navs {
		margin: 72px 0 0;
	}
	
	.testimonial_box {
		flex-direction: row;
	}
	
	.testimonial_play-area {
		width: 36%;
		height: 360px;
	}
	
	.testimonial_play {
		width: 66px;
		height: 66px;
	}
	
	.testimonial_play-ic {
		width: 30px;
	}
	
	.testimonial_txt-area {
		width: 64%;
		padding: 0 32px;
	}
	
	.testimonial_txt {
		font-size: 16px;
	}
	
	.testimonial_txt::before {
		width: 40px;
		margin: 0 0 26px;
	}
	
	.testimonial_name {
		font-size: 18px;
		margin: 14px 0 3px;
	}
	
	.testimonial_role {
		font-size: 11px;
	}
	
	.clients_swiper .swiper-slide {
		height: 180px;
	}
	
	.clients_swiper img {
		max-width: 120px;
		max-height: 85px;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.testimonials_container {
		flex-direction: row;
	}
	
	.testimonials_ttl-area {
		width: 22%;
		text-align: left;
		margin: 0;
	}
	
	.testimonials_ttl {
		margin: 7px 0 44px;
	}
	
	.testimonials_navs {
		margin: 0;
	}
	
	.testimonials_swiper-area {
		width: 72.1%;
	}
	
	.testimonial_play-area {
		height: 400px;
	}
	
	.testimonial_play {
		width: 70px;
		height: 70px;
		padding: 0 0 0 3px;
	}
	
	.testimonial_play-ic {
		width: 32px;
	}
	
	.testimonial_txt-area {
		padding: 0 40px;
	}
	
	.testimonial_txt {
		font-size: 17px;
	}
	
	.testimonial_txt::before {
		width: 44px;
		margin: 0 0 36px;
	}
	
	.testimonial_name {
		font-size: 16.5px;
		margin: 16px 0 2px;
	}
	
	.testimonial_role {
		font-size: 10px;
	}
	
	.clients_swiper .swiper-slide {
		height: 200px;
	}
	
	.clients_swiper img {
		max-width: 116px;
		max-height: 80px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.testimonials_ttl {
		margin: 7px 0 48px;
	}
	
	.testimonial_play-area {
		height: 420px;
	}
	
	.testimonial_play-area:hover::before {
		opacity: .32;
	}
	
	.testimonial_play {
		width: 72px;
		height: 72px;
		padding: 0 0 0 4px;
	}
	
	.testimonial_play-area:hover .testimonial_play {
		background-color: var(--white-color);
		fill: var(--neutral-350-color);
	}
	
	.testimonial_play-ic {
		width: 30px;
	}
	
	.testimonial_img {
		transition: .8s ease .1s;
	}
	
	.testimonial_play-area:hover .testimonial_img {
		transform: scale(1.08);
	}
	
	.testimonial_txt-area {
		padding: 0 48px;
	}
	
	.testimonial_txt {
		font-size: 18px;
	}
	
	.testimonial_txt::before {
		width: 48px;
		margin: 0 0 40px;
	}
	
	.testimonial_name {
		font-size: 19px;
		margin: 18px 0 3px;
	}
	
	.testimonial_role {
		font-size: 11px;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.testimonials_ttl {
		margin: 8px 0 56px;
	}
	
	.testimonial_play-area {
		height: 520px;
	}
	
	.testimonial_play {
		width: 82px;
		height: 82px;
	}
	
	.testimonial_play-ic {
		width: 38px;
	}
	
	.testimonial_txt-area {
		padding: 0 56px;
	}
	
	.testimonial_txt {
		font-size: 23px;
	}
	
	.testimonial_txt::before {
		width: 64px;
		margin: 0 0 48px;
	}
	
	.testimonial_name {
		font-size: 21.5px;
		margin: 20px 0 4px;
	}
	
	.testimonial_role {
		font-size: 13px;
	}
	
	.clients_swiper .swiper-slide {
		height: 248px;
	}
	
	.clients_swiper img {
		max-width: 156px;
		max-height: 110px;
	}
	
}



/*****************************************
**************** SOBRE *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.about_ttl .accent span {
	color: var(--primary-50-color);
	font-weight: 700;
}

.about_label-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about_label-ic {
	display: none;
	opacity: .12;
}

.about_txt span {
	color: var(--neutral-150-color);
	font-weight: 600;
}

.about_img-area {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 24px;
}

.about_img-grid-two {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}

.about_img {
	object-fit: cover;
	height: 220px;
}

.about_txt {
	text-align: justify;
	margin: -4px 0;
}

.about_divider {
	display: none;
	width: 100%;
	height: 2px;
	background-color: var(--neutral-550-color);
	border: 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.about_img-area {
		grid-gap: 28px;
	}
	
	.about_img-grid-two {
		gap: 28px;
	}
	
	.about_img {
		height: 420px;
	}
	
	.about_txt {
		margin: -6px 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.about_img-area {
		grid-template-columns: 2.02fr 1fr;
		grid-gap: 32px;
	}
	
	.about_img-grid-two {
		justify-content: space-between;
		gap: 0;
	}
	
	.about_img {
		object-fit: fill;
		height: auto;
	}
	
	.about_txt {
		margin: -6px 0;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.about_label-ic {
		display: block;
		width: 48px;
		margin: 0 0 24px 0;
	}
	
	.about_img-area {
		grid-template-columns: 1.9fr 1fr;
		grid-gap: 32px;
	}
	
	.about_txt {
		margin: -7px 0;
	}
	
	.about_divider {
		display: block;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.about_label-ic {
		width: 64px;
		margin: 0 0 33px 0;
	}
	
	.about_img-area {
		grid-gap: 40px;
	}
	
	.about_txt {
		margin: -8px 0;
	}
	
}



/*****************************************
*************** EQUIPE *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.team {
	padding-top: 0;
}

.team_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 32px;
}

.team_box:first-of-type {
	text-align: center;
}

.team_img {
    object-fit: cover;
    object-position: top;
    height: 340px;
}

.team_ttl {
	margin: 8px 0 16px;
}

.team_box .clip_wrap {
	width: 100%;
}

.team_desc {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	padding: 10px 0 6px;
}

.team_name {
	color: var(--neutral-50-color);
	font-weight: 600;
	font-size: 16px;
}

.team_role {
	text-transform: uppercase;
	color: var(--neutral-300-color);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
}

.team_line {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--neutral-550-color);
	border: 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.team_grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 40px;
	}
	
	.team_box:first-of-type {
		text-align: left;
	}
	
	.team_img {
		object-fit: fill;
		height: auto;
	}
	
	.team_ttl {
		margin: 80px 0 0;
	}
	
	.team_desc {
		flex-direction: column;
		align-items: flex-start;
		padding: 12px 0 6px;
	}
	
	.team_name {
		font-size: 17px;
	}
	
	.team_role {
		font-size: 12px;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.team_grid {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 44px;
	}
	
	.team_ttl {
		margin: 96px 0 0;
	}
	
	.team_desc {
		padding: 13px 0 7px;
	}
	
	.team_name {
		font-size: 18px;
	}
	
	.team_role {
		font-size: 12px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.team_grid {
		grid-gap: 36px;
	}
	
	.team_ttl {
		margin: 104px 0 0;
	}
	
	.team_desc {
		flex-direction: row;
		align-items: center;
		gap: 0;
		padding: 14px 0 7px;
	}
	
	.team_name {
		font-size: 17px;
	}
	
	.team_role {
		font-size: 12px;
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.team_grid {
		grid-gap: 56px;
	}
	
	.team_ttl {
		margin: 120px 0 0;
	}
	
	.team_desc {
		padding: 16px 0 8px;
	}
	
	.team_name {
		font-size: 20px;
	}
	
	.team_role {
		font-size: 14px;
	}
	
}



/*****************************************
*************** RODAPÉ *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.footer {
	position: relative;
	background-color: var(--neutral-50-color);
	z-index: 1;
}

.footer::before {
	content: '';
	pointer-events: none;
	position: absolute;
	inset: 0;
	background-image: url(../svg/footer.svg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 800px;
	opacity: 0.28;
	z-index: -1;
}

.footer_cta-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding-top: 64px;
	padding-bottom: 64px;
}

.footer_cta-ttl {
    text-align: center;
    font-size: 24px;
}

.footer_cta-ttl br {
	display: none;
}

.footer_cta-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	justify-content: center;
	width: 180px;
	height: 180px;
	background-color: #0000002b;
	backdrop-filter: blur(3px);
	color: var(--neutral-350-color);
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.44;
	border: 1px solid var(--neutral-200-color);
	border-radius: 50%;
	padding: 0 8px;
	transition: .5s;
}

.footer_cta-link span {
	display: block;
	color: var(--neutral-200-color);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .15em;
	transition: .5s;
}

.footer_info-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: var(--neutral-100-color);
	padding: 28px 16px;
}

.footer_info-ttl {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	margin: 0 0 6px;
}

.footer_info-txt {
	color: var(--neutral-500-color);
	font-size: 13px;
	transition: .5s ease;
}

.footer_copy-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 28px 16px;
}

.footer_copy-badge-area {
	display: flex;
	gap: 16px;
	order: 2;
}

a.footer_copy-badge-link {
	transition: .5s ease;
}

.footer_copy-badge-img {
	width: 64px;
}

.footer_copy-area {
    order: 1;
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
}

.footer_copy-area br {
	display: none;
}

.footer_copy-ttl {
	color: var(--neutral-500-color);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.012em;
	margin: 0 0 6px 0;
}

.footer_copy-ttl span {
	color: var(--primary-50-color);
}

.footer_copy-txt {
	color: var(--neutral-250-color);
	font-size: 11px;
}

.footer_copy-social-area {
	display: flex;
	justify-content: center;
	gap: 10px;
	order: 3;
}

.footer_copy-social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: transparent;
	fill: var(--neutral-200-color);
	border: 1px solid var(--neutral-200-color);
	border-radius: 50%;
	transition: .5s ease;
}

.footer_copy-social-ic {
	width: 12px;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.footer::before {
		background-size: 1000px;
	}
	
	.footer_cta-container {
		flex-direction: row;
		gap: 0;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.footer_cta-ttl {
		text-align: left;
		font-size: 32px;
	}
	
	.footer_cta-ttl br {
		display: block;
	}
	
	.footer_cta-link {
		width: 190px;
		height: 190px;
		font-size: 16px;
	}
	
	.footer_cta-link span {
		font-size: 11px;
	}
	
	.footer_info-container {
		flex-direction: row;
		gap: 20px 0;
		padding: 22px 0;
	}
	
	.footer_info-box {
		width: 45%;
	}
	
	.footer_info-ttl {
		font-size: 13px;
		margin: 0 0 7px;
	}
	
	.footer_info-txt {
		font-size: 13px;
	}
	
	.footer_copy-area {
		 margin: 0 0 32px;
	}
	
	.footer_copy-container {
		flex-direction: row;
		gap: 0;
		padding: 32px 0;
	}
	
	.footer_copy-badge-area {
		gap: 24px;
	}
	
	.footer_copy-badge-img {
		width: 80px;
	}
	
	.footer_copy-ttl {
		font-size: 13px;
	}
	
	.footer_copy-txt {
		font-size: 12px;
	}
	
	.footer_copy-social-area {
		gap: 11px;
	}
	
	.footer_copy-social-link {
		width: 34px;
		height: 34px;
	}
	
	.footer_copy-social-ic {
		width: 13px;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.footer::before {
		background-size: 1200px;
	}
	
	.footer_cta-container {
		padding-top: 96px;
		padding-bottom: 96px;
	}
	
	.footer_cta-ttl {
		font-size: 48px;
	}
	
	.footer_cta-link {
		width: 220px;
		height: 220px;
		gap: 7px;
		font-size: 18px;
	}
	
	.footer_cta-link span {
		font-size: 11px;
	}
	
	.footer_info-container {
		gap: 0;
		padding: 23px 16px;
	}
	
	.footer_info-box {
		width: auto;
	}
	
	.footer_info-ttl {
		font-size: 11px;
	}
	
	.footer_info-txt {
		font-size: 12px;
	}
	
	.footer_copy-container {
		flex-wrap: nowrap;
		padding: 36px 16px;
	}
	
	.footer_copy-area {
		order: 2;
		margin: 0;
	}
	
	.footer_copy-area br {
		display: block;
	}
	
	.footer_copy-badge-area {
		order: 1;
		gap: 28px;
	}
	
	.footer_copy-badge-img {
		width: 88px;
	}
	
	.footer_copy-ttl {
		font-size: 13px;
		margin: 0 0 7px 0;
	}
	
	.footer_copy-txt {
		font-size: 11px;
	}
	
	.footer_copy-social-area {
		order: 3;
		gap: 12px;
	}
	
	.footer_copy-social-link {
		width: 36px;
		height: 36px;
	}
	
	.footer_copy-social-ic {
		width: 14px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.footer::before {
		background-size: 1400px;
	}
	
	.footer_cta-container {
		padding-top: 108px;
		padding-bottom: 108px;
	}
	
	.footer_cta-ttl {
		font-size: 56px;
	}
	
	.footer_cta-link {
		width: 240px;
		height: 240px;
		font-size: 19px;
	}
	
	.footer_cta-link span {
		font-size: 12px;
	}
	
	.footer_cta-link:hover {
		background-color: var(--primary-50-color);
		color: var(--white-color);
		border-color: var(--primary-50-color);
	}
	
	.footer_cta-link:hover span {
		color: var(--white-color);
		letter-spacing: .2em;
	}
	
	.footer_info-ttl {
		font-size: 13px;
	}
	
	.footer_info-txt {
		font-size: 14px;
	}
	
	.footer_info-txt:hover {
		color: var(--primary-50-color);
	}
	
	.footer_copy-badge-area {
		gap: 30px;
	}
	
	a.footer_copy-badge-link:hover {
		transform: scale(1.04);
		opacity: .8;
	}
	
	.footer_copy-badge-img {
		width: 92px;
	}
	
	.footer_copy-ttl {
		font-size: 14px;
	}
	
	.footer_copy-txt {
		font-size: 13px;
	}
	
	.footer_copy-social-area {
		gap: 13px;
	}
	
	.footer_copy-social-link {
		width: 38px;
		height: 38px;
	}
	
	.footer_copy-social-link:hover {
		background-color: var(--primary-50-color);
		fill: var(--white-color);
		border-color: var(--primary-50-color);
	}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.footer::before {
		background-size: 1540px;
	}
	
	.footer_cta-container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	
	.footer_cta-ttl {
		font-size: 64px;
	}
	
	.footer_cta-link {
		width: 264px;
		height: 264px;
		gap: 8px;
		font-size: 21px;
	}
	
	.footer_cta-link span {
		font-size: 13px;
	}
	
	.footer_info-container {
		padding: 24px 16px;
	}
	
	.footer_info-ttl {
		font-size: 15px;
		margin: 0 0 8px;
	}
	
	.footer_info-txt {
		font-size: 16px;
	}
	
	.footer_copy-container {
		padding: 40px 16px;
	}
	
	.footer_copy-badge-area {
		gap: 32px;
	}
	
	.footer_copy-badge-img {
		width: 96px;
	}
	
	.footer_copy-ttl {
		font-size: 15px;
		margin: 0 0 8px 0;
	}
	
	.footer_copy-txt {
		font-size: 14px;
	}
	
	.footer_copy-social-area {
		gap: 14px;
	}
	
	.footer_copy-social-link {
		width: 40px;
		height: 40px;
	}
	
	.footer_copy-social-ic {
		width: 15px;
	}
	
}

/*****************************************
************** LGPD POPUP ****************
*****************************************/

.warning {
    position: fixed;
    left: 0;
    bottom: 16px;
    right: 0;
    margin: 0 auto;
    z-index: 997;
}

.warning-wrapper {
    background-color: var(--white-color);
    border: 1px solid var(--neutral-550-color);
    border-radius: 8px;
    padding: 12px;
}

.warning_box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
}

.warning_text {
	font-size: 11px;
	line-height: 1.4;
}

.warning_link {
    color: var(--primary-50-color);
    font-weight: 600;
    transition: .5s ease;
}

.warning_button {
    display: block;
    width: 100%;
    background-color: var(--primary-50-color);
    color: var(--white-color);
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    padding: 8px 32px;
	transition: .5s ease;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.warning_box {
		gap: 12px;
	}	

	.warning_text, .warning_button {
		font-size: 13px;
	}		
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.warning_link:hover, .warning_button:hover {
	   opacity: .64;
	}	
		
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.warning_box {
		flex-direction: row;
		gap: 0;
		text-align: left;
	}	

	.warning-wrapper {
		padding: 10px 14px;
	}	

	.warning_text-area {
		width: 92%;
	}	

	.warning_button-area {
		width: 8%;
	}			
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.warning_text, .warning_button {
		font-size: 14px;
	}	

}



/*****************************************
************** LGPD PAGE *****************
*****************************************/

.lgpd-header {
	background-color: var(--white-color);
	border-bottom: 1px solid var(--neutral-550-color);
	padding: 12px 0;
}

.lgpd-header_container {
	display: flex;
	justify-content: center;
}

.lgpd-header_link {
	display: block;
}

.lgpd_header-logo {
	width: 80px;
}

.lgpd {
	min-height: 100vh;
}

.lgpd_text-area p:not(:last-child) {
	margin: 0 0 16px;
}

.lgpd_text-area h3 {
	margin: 32px 0 12px;
}

@media (min-width: 1024px) {

.lgpd-header {
	padding: 16px 0;
}	
	
.lgpd_header-logo {
	width: 120px;
}	
	
.lgpd_text-area h3 {
	margin: 40px 0 16px;
}	
	
}