@font-face{
    font-family: "Aeonik Pro Bold";
    src: url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.eot");
    src: url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.eot?#iefix")format("embedded-opentype"),
        url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.woff")format("woff"),
        url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.woff2")format("woff2"),
        url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.ttf")format("truetype"),
        url("fonts/aeonik/362636484f8ad521fec5a297fdc0ab12.svg#Aeonik Pro Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family: 'aeonik_fonoregular';
    src: url('fonts/aeonik/aeonikfono-regular-webfont.eot');
    src: url('fonts/aeonik/aeonikfono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aeonik/aeonikfono-regular-webfont.woff2') format('woff2'),
         url('fonts/aeonik/aeonikfono-regular-webfont.woff') format('woff'),
         url('fonts/aeonik/aeonikfono-regular-webfont.ttf') format('truetype'),
         url('fonts/aeonik/aeonikfono-regular-webfont.svg#aeonik_fonoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'aeonik_fonoblack';
    src: url('fonts/aeonik/aeonikfono-black-webfont.eot');
    src: url('fonts/aeonik/aeonikfono-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aeonik/aeonikfono-black-webfont.woff2') format('woff2'),
         url('fonts/aeonik/aeonikfono-black-webfont.woff') format('woff'),
         url('fonts/aeonik/aeonikfono-black-webfont.ttf') format('truetype'),
         url('fonts/aeonik/aeonikfono-black-webfont.svg#aeonik_fonoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0;
	height: 100vh;
	background: radial-gradient(circle at 70% 60%, #3e2770 0%, #0d0a16 60%),
				radial-gradient(circle at 0% 0%, #7fdf36 0%, transparent 30%),
				radial-gradient(circle at 100% 0%, #7fdf36 0%, transparent 40%),
				radial-gradient(circle at 60% 70%, #3e2770 0%, transparent 30%);
	background-color: #0d0a16;
	background-blend-mode: screen;
	background-size: 200% 200%;
	background-attachment: fixed; /* 👈 mantém o fundo fixo */
	animation: bgMove 20s ease-in-out infinite alternate;
}


@keyframes bgMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.section-transparent{
	background-color: transparent !important;
	border-top: none;
}
section.section{
	border-top: none;
}

.btn-behance, .btn-linkedin, .btn-whatsapp, .btn-instagram {
	font-family: 'aeonik_fonoblack';
	min-height: 120px; /* ajuste conforme a sua necessidade */
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 85%;
	text-transform: uppercase;
	border-radius: 25px;
}

.btn-behance span, .btn-linkedin span, .btn-whatsapp span, .btn-instagram span {
  box-shadow: 0px 6px 0px rgba(0,0,0,0.3); 
}

.btn-instagram {
	background: url("../img/btn-instagram.png") no-repeat center center;
	background-size: cover;
	color: white;
	border: none;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1.2;
}

.btn-whatsapp {
	background: url("../img/btn-whatsapp.png") no-repeat center center;
	background-size: cover;
	color: white;
	border: none;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1.2;
}

.btn-behance {
	background: url("../img/btn-be.png") no-repeat center center;
	background-size: cover;
	color: white;
	border: none;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1.2;
}

.btn-linkedin{
	background: url("../img/btn-in.png") no-repeat center center;
	background-size: cover;
	color: white;
	border: none;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1.2;
}

.btn-whatsapp:hover, .btn-instagram:hover, .btn-behance:hover, .btn-linkedin:hover {
  	opacity: 0.85;
	color: #FFF;
}



.btn-with-arrow.icon-right span,
.btn-with-arrow-solid.icon-right span {
	position: absolute;
}

.btn-with-arrow.icon-left span,
.btn-with-arrow-solid.icon-letf span {
	position: absolute;
}


.icon-right strong,
.icon-right strong {
    left: 30px;
}

@media (min-width: 1200px) {
	.icon-right strong,
	.icon-right strong {
		position: absolute;
		left: 60px;
	}
}

.icon-left strong,
.icon-letf strong {
	position: absolute;
    left: 130px;
}

@media (min-width: 1200px) {
	.icon-left strong,
	.icon-letf strong {
		position: absolute;
		left: 160px;
	}
}

.apresentacao{
	font-family: 'aeonik_fonoregular';
	color: #adadad;
	line-height: 1.2;
	text-align: right;
	text-transform: uppercase;
	font-size: 11px;
}

p.destaque{
	font-family: "Aeonik Pro Bold";
	color:#8EFC3B;
}

.apresentacao-texto{
	text-align: right;
}
.logo-zesete{
	padding-left: 20px;
}

@media (max-width: 768px) {
	.logo-zesete{
		padding-left: 0px;
	}
	.apresentacao-texto{
		text-align: center;
	}
	
	.apresentacao{
		text-align: center;
	}
	body {
		background: radial-gradient(circle at 50% 40%, #2b1c55 0%, #0d0a16 75%), /* roxo central */
					radial-gradient(circle at 0% 0%, #8efc3b 0%, transparent 30%), /* verde topo esquerdo */
					radial-gradient(circle at 0% 100%, #8efc3b 0%, transparent 30%); /* verde embaixo esquerdo */
		background-color: #0d0a16;
		background-blend-mode: screen;
		background-size: 180% 180%;
		background-attachment: fixed; /* 👈 fixa o fundo no scroll */
		animation: bgMobileMove 25s ease-in-out infinite alternate;
	}

	@keyframes bgMobileMove {
		0% {
			background-position: 50% 40%, 0% 0%, 0% 100%;
		}
		50% {
			background-position: 48% 42%, 2% 2%, 0% 98%;
		}
		100% {
			background-position: 50% 40%, 0% 0%, 0% 100%;
		}
	}

	.btn-behance, .btn-linkedin, .btn-whatsapp, .btn-instagram {
		min-height: 120px; /* ajuste conforme a sua necessidade */
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		font-family: "Aeonik Pro Bold";
		text-transform: uppercase;
	}
}