/* --------------- VARIÁVEIS --------------- */
:root {
	/* Cores */
	--branco: #FFFFFF;
	--preto: #1D1D1B;
	--preto2: #191919;
	--roxo: #7950D0;
	--roxo2: #413FC0;
	--cinza: #666666;
	/* Tipografia */
	--font-family: 'Inter', sans-serif;
	--font-size-base: 14px;
	/* Transições */
	--transition-base: all 0.3s;
	/* Efeitos reutilizáveis */
	--gradiente: linear-gradient(90deg, var(--roxo2) 0%, var(--roxo) 100%);
	/* Barra topo altura */
	--barra-topo-altura: 47.25px;
}
/* --------------- ESTILOS BASE --------------- */
html {
	position: relative;
	min-height: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: var(--font-size-base);
	margin: 0 !important;
}
body {
	font-family: var(--font-family);
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	color: var(--preto);
	position: relative;
}
em,
i {
	font-family: var(--font-family);
	font-style: italic;
}
a {
	text-decoration: none;
	transition: var(--transition-base);
}
a:hover,
a:focus {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}
.botao {
	display: inline-block;
	padding: 0.8rem 2rem;
	font-size: var(--font-size-base);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	transition: var(--transition-base);
	text-transform: uppercase;
	background-color: var(--preto);
	overflow: hidden;
	white-space: nowrap;
	border: none;
}
.botao:hover {
	text-decoration: none;
}
.botao-gradiente {
	position: relative;
	background: var(--gradiente);
}
.botao-gradiente::before {
	content: '';
	opacity: 1;
	background: var(--preto);
	position: absolute;
	inset: 2px;
	transition: var(--transition-base);
	z-index: 0;
	border-radius: 100px;
}
.botao-gradiente.fundo-branco::before {
	background: var(--branco);
}
.botao-gradiente:hover::before {
	opacity: 0;
}
/* --------------- CLASSES DE UTILIDADE --------------- */
.cor-branco {
	color: var(--branco);
}
.hover-branco:hover {
	color: var(--branco);
}
.bg-branco {
	background-color: var(--branco);
}
.cor-preto {
	color: var(--preto);
}
.hover-preto:hover {
	color: var(--preto);
}
.bg-preto {
	background-color: var(--preto);
}
.cor-cinza {
	color: var(--cinza);
}
.hover-cinza:hover {
	color: var(--cinza);
}
.cor-roxo {
	color: var(--roxo);
}
.hover-roxo:hover {
	color: var(--roxo);
}
.cor-gradiente {
	background: var(--gradiente);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.circulo-radial {
	z-index: 1;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(173, 76, 255, 0.5) 0%, rgba(173, 76, 255, 0) 70%);
	pointer-events: none;
}
.circulo-radial.azul {
	background: radial-gradient(circle, rgba(80, 76, 255, 0.5) 0%, rgba(80, 76, 255, 0) 70%);
}
/* --------------- TODAS AS PÁGINAS --------------- */
#voltar-ao-topo {
	bottom: 15px;
	left: 15px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: var(--preto);
	color: var(--branco);
	z-index: 100;
	transition: var(--transition-base);
}
/* --------------- FORMULÁRIOS --------------- */
textarea {
	height: 100px !important;
}
textarea,
input:not([type="image" i], [type="range" i], [type="checkbox" i], [type="radio" i]) {
	border: 2px solid #999999;
	border-radius: 5px;
	padding: 8px 16px;
	color: var(--preto);
	width: 100% !important;
	font-size: 14px;
	line-height: 1;
}
form fieldset {
	width: calc(100% + 8px) !important;
	max-width: calc(100% + 8px) !important;
}
.hs-form-field{
	margin: 0 0 10px 0 !important;
}
form label {
    display: inline;
}
ul.hs-error-msgs {
	padding: 0 !important;
	margin: 0 !important;
}
ul.hs-error-msgs li {
	font-size: 11px;
	list-style: none;
}
.hs_error_rollup ul.hs-error-msgs {
	text-align: center;
}
input[type=submit] {
	width: 50% !important;
	display: inline-block;
	padding: 0.8rem 2rem;
	font-size: var(--font-size-base);
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	border: 2px solid var(--roxo);
	border-radius: 100px;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	border: none;
	position: relative;
	background: var(--gradiente);
	color: var(--branco);
	box-shadow: 0 0 15px 0 rgb(29 29 27 / 0%);
}
.modal input[type=submit] {
	margin: 10px auto 0 50%;
	transform: translateX(-50%);
}
input[type=submit]:hover {
	box-shadow: 0 0 15px 0 rgb(29 29 27 / .5%);
}
.hs_recaptcha {
	margin: 10px 0 !important;
}
/* --------------- HEADER --------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: transparent;
	color: var(--branco);
	transition: var(--transition-base);
}
header.scroll {
	background-color: var(--preto);
}
header .logo {
	width: 74px;
}
.navbar-expand-lg #menu-principal .navbar-nav .nav-link {
	color: var(--branco);
	position: relative;
	padding: 0;
	font-size: 1.2rem;
	text-align: center;
}
.navbar-expand-lg #menu-principal .navbar-nav .nav-link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0%;
	height: 2px;
	background-color: var(--branco);
	transition: var(--transition-base);
}
.navbar-expand-lg #menu-principal .navbar-nav .nav-link:hover::after {
	width: 100%;
}
.navbar-toggler {
	border: none;
}
.navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.link-mobile {
	font-size: 0.8rem;
	white-space: nowrap;
	border: 1px solid var(--branco);
	border-radius: 100px;
	padding: 5px 15px;
}
/* --------------- SEÇÃO PRODUTOS --------------- */
#produtos .item {
	background-color: var(--preto2);
}
#produtos .item h2 {
	font-size: 18px;
	line-height: 1;
	color: var(--branco);
	left: 2rem;
	top: 2rem;
}
#produtos .item img {
	max-width: 100%;
	height: auto;
}
#produtos .banner {
	inset: 0;
	background-size: cover;
	background-position: center;
	pointer-events: none;
}
/* --------------- HOME --------------- */
#home-banner {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#home-banner h1 {
	margin: 20vh 0 2vh 0;
	font-weight: 700;
	font-size: 16px;
	max-width: 225px;
}
#home-banner .container {
	z-index: 2;
}
#diferenciais {
	background-position: bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-bottom: 55vw;
}
#diferenciais .container {
	z-index: 2;
}
#diferenciais h2 {
	margin-top: 4rem;
	margin-bottom: 3rem;
	color: var(--branco);
	font-size: 16px;
	line-height: 1.5;
}
#diferenciais h2 span {
	font-size: 24px;
	line-height: 1;
}
#secao5-sobre .item,
#secao3-servidor .item,
#depoimentos .carrossel-depoimentos .item,
#diferenciais .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	--start: 330;
	position: relative;
	background-color: #141219;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
	min-height: 215px;
}
#depoimentos .carrossel-depoimentos .item {
	min-height: auto;
	justify-content: start;
	border-left: 1px solid hsl(0deg 0% 100% / 10%);
	border-right: 1px solid hsl(0deg 0% 100% / 10%);
	border-bottom: 1px solid hsl(0deg 0% 100% / 10%);
}
#secao5-sobre .item h3,
#secao3-servidor .item h3,
#diferenciais .item h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}
#secao5-sobre .item p,
#secao3-servidor .item p,
#diferenciais .item p {
	font-size: 12px;
	line-height: 1.2;
}
#diferenciais .numero {
	top: 20px;
	right: 20px;
}
#softwares {
	background-color: var(--branco);
	height: calc(100vh - 58px);
}
#softwares h2 {
	font-size: 24px;
	line-height: 1.1;
}
#softwares .software-icons {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#softwares .software-icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease-out;
}
#softwares .software-icon img {
	width: 100%;
	height: auto;
}
#softwares .software-icon:nth-child(1) {
	width: 45px;
	height: 45px;
	top: 12%;
	left: 21%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(2) {
	width: 30px;
	height: 30px;
	top: 5%;
	left: 14%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(3) {
	width: 45px;
	height: 45px;
	top: 85%;
	left: 28%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(4) {
	width: 45px;
	height: 45px;
	top: 33%;
	left: 73%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(5) {
	width: 45px;
	height: 45px;
	top: 10%;
	left: 68%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(6) {
	width: 30px;
	height: 30px;
	top: 8%;
	left: 82%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(7) {
	width: 30px;
	height: 30px;
	top: 25%;
	left: 88%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(8) {
	width: 30px;
	height: 30px;
	top: 81%;
	left: 10%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(9) {
	width: 30px;
	height: 30px;
	top: 56%;
	left: 7%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(10) {
	width: 30px;
	height: 30px;
	top: 35%;
	left: 7%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(11) {
	width: 52px;
	height: 52px;
	top: 8%;
	left: 53%;
}
#softwares .software-icon:nth-child(12) {
	width: 48px;
	height: 48px;
	top: 13%;
	left: 40%;
}
#softwares .software-icon:nth-child(13) {
	width: 30px;
	height: 30px;
	top: 16%;
	left: 8%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(14) {
	width: 30px;
	height: 30px;
	top: 43%;
	left: 84%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(15) {
	width: 30px;
	height: 30px;
	top: 64%;
	left: 89%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(16) {
	width: 30px;
	height: 30px;
	top: 76%;
	left: 73%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(17) {
	width: 30px;
	height: 30px;
	top: 78%;
	left: 82%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(18) {
	width: 45px;
	height: 45px;
	top: 67%;
	left: 20%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(19) {
	width: 45px;
	height: 45px;
	top: 50%;
	left: 18%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(20) {
	width: 54px;
	height: 54px;
	top: 64%;
	left: 34%;
}
#softwares .software-icon:nth-child(21) {
	width: 45px;
	height: 45px;
	top: 27%;
	left: 16%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(22) {
	width: 30px;
	height: 30px;
	top: 6%;
	left: 31%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(23) {
	width: 56px;
	height: 56px;
	top: 69%;
	left: 53%;
}
#softwares .software-icon:nth-child(24) {
	width: 48px;
	height: 48px;
	top: 60%;
	left: 66%;
}
#softwares .software-icon:nth-child(25) {
	width: 54px;
	height: 54px;
	top: 24%;
	left: 28%;
}
#softwares .software-icon:nth-child(26) {
	width: 52px;
	height: 52px;
	top: 46%;
	left: 26%;
}
#softwares .software-icon:nth-child(27) {
	width: 30px;
	height: 30px;
	top: 85%;
	left: 64%;
	filter: blur(2px);
}
#softwares .software-icon:nth-child(28) {
	width: 45px;
	height: 45px;
	top: 84%;
	left: 45%;
	filter: blur(1px);
}
#softwares .software-icon:nth-child(29) {
	width: 48px;
	height: 48px;
	top: 26%;
	left: 63%;
}
#softwares .software-icon:nth-child(30) {
	width: 45px;
	height: 45px;
	top: 54%;
	left: 76%;
	filter: blur(1px);
}
#solucoes-personalizadas {
	background-color: var(--preto);
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
#solucoes-personalizadas h2 {
	font-size: 20px;
	line-height: 1.5;
}
#solucoes-personalizadas h2 span {
	font-size: 36px;
	line-height: 1;
}
#solucoes-personalizadas button.active::before {
	display: none;
}
#solucoes-personalizadas p {
	top: 0;
	left: 0;
	font-size: 16px;
	line-height: 1.3;
}
#clientes h2 {
	font-size: 24px;
	line-height: 1;
}
@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-140px * 18));
	}
}
@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-140px * 18));
	}
}
@-webkit-keyframes scroll-backwards {
	0% {
		transform: translateX(calc(-140px * 18));
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes scroll-backwards {
	0% {
		transform: translateX(calc(-140px * 18));
	}
	100% {
		transform: translateX(0);
	}
}
#secao6-sobre .slider,
#clientes .slider {
	height: 75px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#secao6-sobre .slider::before,
#secao6-sobre .slider::after,
#clientes .slider::before,
#clientes .slider::after {
	background: linear-gradient(to right, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
	content: '';
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
	pointer-events: none;
}
#secao6-sobre .slider::after,
#clientes .slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
#secao6-sobre .slider.backwards::after,
#clientes .slider.backwards::after {
	transform: rotateZ(-180deg);
}
#secao6-sobre .slider::before,
#clientes .slider::before {
	left: 0;
	top: 0;
}
#secao6-sobre .slider .slide-track,
#clientes .slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	/* quantidade vezes largura */
	width: calc(140px * 36);
}
#secao6-sobre .slider.backwards .slide-track,
#clientes .slider.backwards .slide-track {
	-webkit-animation: scroll-backwards 40s linear infinite;
	animation: scroll-backwards 40s linear infinite;
}
#secao6-sobre .slider .slide,
#clientes .slider .slide {
	width: 140px;
	height: 75px;
}
#secao6-sobre .slider .slide img,
#clientes .slider .slide img {
	transition: var(--transition-base);
}
#secao6-sobre .slider .slide:hover img,
#clientes .slider .slide:hover img {
	filter: grayscale(0%);
}
#depoimentos {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background-color: var(--preto);
	padding: 6rem 0;
}
#depoimentos h3 {
	font-size: 14px;
	line-height: 1;
}
#depoimentos span {
	font-size: 10px;
	line-height: 1;
}
#depoimentos p {
	font-size: 11px;
	line-height: 1.4;
}
#depoimentos .carrossel-depoimentos .carousel-cell {
	width: 80%;
	height: 225px;
}
#depoimentos .carrossel-depoimentos .carousel-cell .item h3 svg {
	top: 0;
	right: 0;
}
/* --------------- SEÇÃO MAPA --------------- */
#mapa h2 {
	font-size: 24px;
	line-height: 1.1;
}
#mapa-svg path {
	fill: var(--preto);
	stroke: var(--branco);
	stroke-width: 1.5;
}
@keyframes marker-pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		box-shadow: 0 0 0 0 rgba(121, 80, 208, 1);
	}
	70% {
		transform: translate(-50%, -50%) scale(1);
		box-shadow: 0 0 0 16px rgba(121, 80, 208, 0);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		box-shadow: 0 0 0 0 rgba(121, 80, 208, 0);
	}
}
/* --------------- SEÇÃO NÚMEROS --------------- */
#numeros {
	padding: 6rem 0;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background-color: var(--preto);
}
#numeros .container {
	z-index: 2;
}
#numeros h2 {
	font-size: 24px;
	line-height: 1.1;
}
#numeros .numero:before {
	content: "+";
}
#numeros p,
#numeros .numero {
	line-height: 1;
}
#numeros .item-maior .numero {
	font-size: 52px;
}
#numeros .item-maior p {
	font-size: 12px;
	line-height: 1;
}
#numeros .item-menor p {
	font-size: 11px;
}
#numeros .item-menor .numero {
	font-size: 36px;
}
/* --------------- SEÇÃO FOQUE --------------- */
#foque {
	margin: 4rem 0;
}
#foque h2 {
	font-size: 20px;
	line-height: 1;
}
#foque img {
	position: relative;
}
#foque .borda {
	border: 2px solid var(--roxo);
	border-radius: 20px;
}
/* --------------- SEÇÃO FAQ --------------- */
/* faq */
.accordion-flush .accordion-item {
	border-radius: 16px;
	border: none;
	overflow: hidden;
	box-shadow: 0px 5px 16px 0px #080F340F;
	margin: 0 0 24px 0;
}
.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
	border-radius: 16px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	gap: 30px;
	align-items: start;
	padding: 30px;
	transition: var(--transition-base);
}
.accordion-button:not(.collapsed) {
	color: inherit;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
.accordion-button::after {
	display: block;
	text-align: center;
	content: "+";
	width: 40px;
	height: 40px;
	font-size: 40px;
	font-weight: 100;
	line-height: 34px;
	border-radius: 8px;
	background: none;
	background-color: rgba(247, 247, 255, 1);
	transform: none;
	transition: var(--transition-base);
}
.accordion-button:hover::after,
.accordion-button:not(.collapsed)::after {
	background: none;
	transform: none;
	background: linear-gradient(89.97deg, #413FC0 0.02%, #7950D0 130.6%);
	color: white;
	transition: var(--transition-base);
}
.accordion-button:not(.collapsed)::after {
	content: "-";
}
.accordion-flush .accordion-item.faq-hidden {
	display: block;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	margin: 0;
	transition: opacity .3s ease 0.3s, visibility 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}
.accordion-flush .accordion-item.faq-hidden.show {
	height: auto;
	opacity: 1;
	visibility: visible;
	margin: 0 0 24px 0;
	transition: var(--transition-base);
}
#faq-ver-mais {
	color: var(--quase-preto);
	transition: var(--transition-base);
	border: none;
	background: none;
	font-size: 20px;
}
#faq-ver-mais:hover {
	color: var(--roxo);
}
#faq-ver-mais.hidden {
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
}
.accordion-body {
	padding: 0 30px 30px 30px;
}
.accordion-button:focus {
	border-color: none;
	outline: 0;
	box-shadow: none;
}
/* --------------- FOOTER --------------- */
footer h3 {
	font-size: 16px;
	line-height: 1;
}
footer p {
	font-size: 12px;
	line-height: 1.2;
}
footer .botao-gradiente {
	letter-spacing: 1px;
	font-weight: 400;
}
footer svg path {
	transition: var(--transition-base);
}
footer svg:hover path {
	stroke: var(--roxo);
}
/* --------------- WORKSTATION --------------- */
#produto-banner .container {
	z-index: 2;
}
#produto-banner h1 {
	font-size: 32px;
	line-height: 1;
}
#produto-banner-after .item {
	width: 100%;
	height: 70px;
	position: absolute;
	top: -35px;
	background: linear-gradient(to bottom, #000000 0%, #1d1d1b 100%);
	z-index: 1;
}
#produto-banner .gabinete-imagem {
	position: relative;
}
#produto-banner .gabinete-imagem.embacado {
	filter: blur(5px);
	transition: filter 0.3s ease;
}
#produto-banner .logo-gabinete {
	transition: var(--transition-base);
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	opacity: 0;
}
#produto-banner .logo-gabinete.ativo {
	top: -30px;
	opacity: 1;
}
#subtitulo {
	font-size: 20px;
	line-height: 1.2;
	padding: 50px 25px;
}
#subtitulo #typewriter {
	height: 45px;
}
#abas-menu .nav-link {
	background: none;
}
#abas-menu .nav-link>img {
	transition: var(--transition-base);
	filter: grayscale(0) brightness(1);
}
#abas-menu .nav-link.active>img {
	filter: grayscale(1) brightness(3);
}
.secao1 .bloco {
	width: 100%;
	border-radius: 20px;
	position: relative;
}
.secao1 .bloco .conteudo {
	border-radius: 20px;
}
.secao1 .bloco h3 {
	margin-bottom: 15px;
}
.secao1 .borda-animada {
	position: relative;
}
.secao1 .borda-animada svg {
	position: absolute;
}
.secao1 .borda-animada .linha {
	stroke-dasharray: 260;
	stroke-width: 2px;
	fill: transparent;
	stroke: var(--roxo);
	animation: animacaoBorda 2.5s linear infinite;
}
.secao1 p {
	font-size: 14px;
	line-height: 1.3;
}
.secao1 h2 {
	font-size: 16px;
	line-height: 1;
}
@keyframes animacaoBorda {
	from {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 1000;
	}
}
.secao2 {
	padding: 50px 0;
}
.secao2 .item {
	border-radius: 10px;
	height: 100%;
	border: 2px solid #999999;
	box-shadow: 8px 8px 20px 0px rgb(0 0 0 / 25%);
}
.secao2 .item .conteudo {
	z-index: 2;
	margin-bottom: 125px;
}
.secao2 h2 {
	font-size: 12px;
	line-height: 1;
}
.secao2 h3 {
	font-size: 20px;
	line-height: 1.4;
}
.secao2 .img-componente {
	right: 0;
	bottom: 0;
	z-index: 1;
}
.secao3 {
	background-color: var(--preto);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.secao3::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--preto);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	background-image: none;
}
.secao3.visible::before {
	opacity: 1;
}
.secao3 h2 {
	font-size: 20px;
	line-height: 30px;
	width: 250px;
	height: 54px;
}
.secao3 p {
	font-size: 14px;
	line-height: 1.2;
	max-width: 150px;
}
.secao4 {
	background: linear-gradient(#F5F5F5 25%, #FFFFFF 50%, #FFFFFF 50%, #F5F5F5 100%);
}
.secao4 .wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 auto;
	perspective: 360px;
	perspective-origin: 50% 50%;
}
.secao4 .top-plane,
.secao4 .bottom-plane {
	width: 200%;
	height: 130%;
	position: absolute;
	bottom: -30%;
	left: -50%;
	background-image: -webkit-linear-gradient(#FFFFFF 2px, transparent 2px), -webkit-linear-gradient(left, #FFFFFF 2px, transparent 2px);
	background-size: 100px 100px, 100px 100px;
	background-position: -1px -1px, -1px -1px;
	transform: rotateX(85deg);
	animation: planeMoveTop 2s infinite linear;
}
.secao4 .bottom-plane {
	transform: rotateX(-85deg);
	top: -30%;
	animation: planeMoveBot 2s infinite linear;
}
@keyframes planeMoveTop {
	from {
		background-position: 0px -100px, 0px 0px;
	}
	to {
		background-position: 0px 0px, 100px 0px;
	}
}
@keyframes planeMoveBot {
	from {
		background-position: 0px 0px, 0px 0px;
	}
	to {
		background-position: 0px -100px, 100px 0px;
	}
}
@media (max-height: 350px) {
	.secao4 .wrap {
		perspective: 210px;
	}
}
@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-8px);
	}
	100% {
		transform: translateY(0px);
	}
}
.secao6 .voltar-ao-topo svg,
.secao4 .img-icone {
	display: inline-block;
	animation: float 3s ease-in-out infinite;
}
.secao4 .img-icone:nth-child(even) {
	animation-delay: 0.5s;
}
#abas-menu-flutuante-toggle {
	background-color: var(--branco);
	top: -49px;
	right: 0;
	left: calc(100% - 50px);
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 0 10px 10px 0;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
	transition: var(--transition-base);
}
#abas-menu-flutuante-toggle.mostrar {
	right: -50px;
	left: 0;
}
#abas-menu-flutuante-toggle.mostrar.ativo {
	right: 0;
	border-radius: 0 10px 0 0;
	box-shadow: 0 -5px 10px 0px rgba(0, 0, 0, 0.1);
}
#abas-menu-flutuante-toggle svg {
	transition: var(--transition-base);
	transform: rotate(0deg);
}
#abas-menu-flutuante-toggle.ativo svg {
	transform: rotate(180deg);
}
#abas-menu-flutuante {
	position: fixed;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 99;
	width: 0px;
	height: auto;
	background-color: var(--branco);
	border-radius: 0 10px 10px 0;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
	transition: var(--transition-base);
}
#abas-menu-flutuante.ativo {
	width: 200px;
}
#abas-menu-flutuante img {
	height: 20px;
	width: auto;
}
#abas-menu-flutuante a.divisor:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e3e3e3;
	margin: 15px 0;
}
@keyframes showTopText {
	0% {
		transform: translate3d(0, 100%, 0);
	}
	40%,
	60% {
		transform: translate3d(0, 50%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes showTopTextOneLine {
	0% {
		transform: translate3d(0, 100%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes showBottomText {
	0% {
		transform: translate3d(0, -100%, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
.secao4 h2 {
	font-size: 20px;
	line-height: 25px;
}
.secao4 h2.primeiro {
	height: 85px;
	width: 206px;
}
.secao4 .apple-effect {
	height: 85px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 206px;
}
.secao4 .apple-effect>div {
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.secao4 .apple-effect>div div {
	position: absolute;
}
.secao4 .apple-effect>div div span {
	display: block;
}
.secao4 .apple-effect>div.text-top {
	height: 60px;
	top: 0;
}
.secao4 .apple-effect>div.text-top div {
	animation: showTopText 1s;
	animation-play-state: paused;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	bottom: 0;
	transform: translate(0, 100%);
}
.secao4 .apple-effect>div.text-bottom {
	height: 25px;
	bottom: 0;
}
.secao4 .apple-effect>div.text-bottom div {
	animation: showBottomText 0.5s;
	animation-play-state: paused;
	animation-delay: 1.75s;
	animation-fill-mode: forwards;
	top: 0;
	transform: translate(0, -100%);
}
.secao4.visible .apple-effect>div.text-bottom div,
.secao4.visible .apple-effect>div.text-top div {
	animation-play-state: running;
}
.secao5 {
	background-color: var(--preto);
}
.secao6 {
	padding: 50px 0;
}
.secao6 h2 {
	font-size: 24px;
	line-height: 1.2;
}
.secao6 .typewriter-secao-final {
	height: 50px;
}
.secao6 .voltar-ao-topo a {
	font-size: 20px;
	letter-spacing: 0.15;
}
.secao6 .apple-effect-container {
	height: 40px;
	margin: 8vh 0 0 0;
}
.secao6 .apple-effect {
	height: 40px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.secao6 .apple-effect>div {
	overflow: hidden;
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.secao6 .apple-effect>div div {
	position: absolute;
}
.secao6 .apple-effect>div.text-top {
	height: 20px;
	top: 0;
}
.secao6 .apple-effect>div.text-top div {
	animation: showTopTextOneLine 1s;
	animation-play-state: paused;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	bottom: 0;
	transform: translate(0, 100%);
}
.secao6 .apple-effect>div.text-bottom {
	height: 20px;
	line-height: 1.2;
	bottom: 0;
}
.secao6 .apple-effect>div.text-bottom div {
	animation: showBottomText 0.5s;
	animation-play-state: paused;
	animation-delay: 1.75s;
	animation-fill-mode: forwards;
	top: 0;
	transform: translate(0, -100%);
}
.secao6.visible .apple-effect>div.text-bottom div,
.secao6.visible .apple-effect>div.text-top div {
	animation-play-state: running;
}
/* --------------- SERVIDOR --------------- */
#secao0-servidor .subtitulo {
	font-size: 12px;
	line-height: 1.3;
}
#secao2-servidor .swiper {
	width: 100%;
	max-width: 300px;
}
#secao2-servidor .swiper-slide {
	width: 300px;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: self-start;
}
#secao2-servidor .swiper-slide p {
	font-size: 18px;
	line-height: 24px;
	margin: 20px 0;
}
#secao2-servidor .swiper-slide span {
	margin: 0 0 28px 0;
}
#secao2-servidor .swiper-slide div.content>*:not(:first-child) {
	z-index: 2;
	position: relative;
}
#secao2-servidor .swiper-slide div.content {
	z-index: 2;
	border: 1px solid #606060;
	border-radius: 10px;
	background-color: var(--preto);
	margin: 10px;
	box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.3);
}
#secao2-servidor .swiper-3d .swiper-slide-shadow-right,
#secao2-servidor .swiper-3d .swiper-slide-shadow-left {
	background: none;
}
#secao2-servidor .circulo-radial {
	width: 400px;
	height: 400px;
}
#secao2-servidor .swiper-nav {
	background-color: var(--preto);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	top: calc(50% - 25px);
}
#secao2-servidor .swiper-nav.prev {
	left: 5vw;
}
#secao2-servidor .swiper-nav.next {
	right: 5vw;
}
#secao3-servidor h2 {
	font-size: 24px;
	line-height: 1.2;
}
#secao4-servidor {
	background-color: transparent;
}
#secao4-servidor h2 {
	font-size: 24px;
	line-height: 38px;
}
#secao4-servidor .fundo {
	background: var(--gradiente);
	inset: 30px 0;
	border-radius: 10px;
}
#secao4-servidor p {
	font-size: 14px;
	line-height: 30px;
}
#secao4-servidor svg.circuit-path {
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	z-index: -9;
	opacity: .5;
	height: 200%;
	width: auto;
}
#secao4-servidor svg.circuit-path .path {
	animation: draw 40s infinite;
	animation-timing-function: linear;
}
#secao4-servidor svg.circuit-path .path-01 {
	animation-delay: 0s;
}
#secao4-servidor svg.circuit-path .path-02 {
	animation-delay: 1s;
}
#secao4-servidor svg.circuit-path .path-03 {
	animation-delay: 2s;
}
#secao4-servidor svg.circuit-path .path-04 {
	animation-delay: 3s;
}
#secao4-servidor svg.circuit-path .path-05 {
	animation-delay: 4s;
}
@keyframes draw {
	0% {}
	100% {
		stroke-dashoffset: 0;
		stroke-opacity: 1;
	}
}
/* --------------- NOTEBOOK --------------- */
#produto-banner.notebook .conteudo {
	margin: 30px 0 50px 0;
}
#produto-banner.notebook h1 {
	margin-top: 50px;
}
#secao0-notebook #subtitulo {
	height: 148px;
}
#secao2-notebook .imagem {
	position: relative;
	max-width: 100%;
	height: auto;
}
#secao2-notebook .circulo-fundo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: -webkit-linear-gradient(left top, var(--roxo) 0%, #5bd8ff 100%);
	width: 200px;
	height: 200px;
	border-radius: 100%;
	padding: 10px;
	animation: girar 6s infinite;
	animation-timing-function: linear;
}
#secao2-notebook .circulo-fundo.dois {
	animation-name: girar-reverso;
	animation-delay: .5s;
}
#secao2-notebook .circulo-fundo.tres {
	animation-delay: .9s;
}
@keyframes girar {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}
@keyframes girar-reverso {
	100% {
		transform: translate(-50%, -50%) rotate(-1turn);
	}
}
#secao2-notebook .circulo-meio {
	background: #ffffff;
	width: 180px;
	height: 185px;
	border-radius: 100%;
}
#secao2-notebook .titulo {
	font-size: 16px;
	line-height: 18px;
}
#secao2-notebook {
	margin: 75px 0 50px 0;
}
#secao3-notebook h2 {
	font-size: 14px;
	line-height: 1.2;
}
#secao3-notebook {
	padding: 75px 0 50px 0;
}
#secao4-notebook h2 {
	font-size: 24px;
	line-height: 1.2;
}
#secao4-notebook .fundo {
	background: var(--gradiente);
	inset: 15px 0px;
	border-radius: 10px;
}
#secao4-notebook p {
	font-size: 12px;
	line-height: 1;
}
#secao4-notebook .divisor {
	width: 50%;
	height: 1px;
	background-color: #999999;
	margin: 20px auto;
}
#secao4-notebook h3 {
	font-size: 20px;
	line-height: 1;
}
#secao6-notebook h2 {
	height: 58px;
}
#secao6-notebook.secao6 .apple-effect>div.text-top,
#secao6-notebook.secao6 .apple-effect>div.text-bottom {
	font-weight: 400;
}
#secao6-notebook .divisor {
	width: 50%;
	height: 1px;
	background-color: #999999;
	margin: 20px auto;
}
#secao6-notebook.secao6 {
	padding-bottom: 0;
}
/* --------------- SOBRE --------------- */
#sobre-banner {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#sobre-banner .container {
	z-index: 2;
}
#sobre-banner h1 {
	position: relative;
	font-size: 38px;
	line-height: 1;
	z-index: 30;
	margin-top: 100px;
}
#sobre-banner .video-frame {
	width: 100%;
	border-radius: 16px;
	border-width: 40px 5px 5px 5px;
	border-style: solid;
	border-color: black;
	z-index: 4;
	max-height: 70vh;
}
#sobre-banner .circulos-frame {
	z-index: 10;
	margin: 50px 0;
}
#sobre-banner .circulos {
	top: 7px;
	right: calc(100% - 63px);
	z-index: 5;
}
#sobre-banner video {
	margin-bottom: -5px;
}
#secao1-sobre {
	padding: 50px 0;
}
#secao1-sobre h2 {
	font-size: 16px;
	line-height: 1.1;
}
#secao2-sobre {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#panels-container h2 {
	top: calc(2 * var(--barra-topo-altura));
	left: 50vw;
	transform: translateX(-50%);
	font-size: 24px;
	line-height: 1;
}
#panels-container {
	width: 300vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 0;
	overflow: hidden;
	padding-top: calc(-1px * var(--barra-topo-altura)) !important;
}
#panels-container .panel {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	text-align: left;
	margin-top: var(--barra-topo-altura);
}
#panels-container .panel:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: var(--preto2);
	top: calc(50% - 1px);
	left: calc(50% - 100px);
}
#panels-container .panel:not(:first-child):not(:last-child):after {
	left: 0;
}
#panels-container .panel h3 {
	width: 250px;
	font-size: 16px;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -100%);
	left: calc(50% + 25px);
	padding: 25px;
	border-left: 2px solid var(--preto2);
}
#panels-container .panel:nth-child(even) h3 {
	transform: translate(-50%, 0);
}
#panels-container .panel h3:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--preto2);
	top: 0;
	left: -6px;
	position: absolute;
}
#panels-container .panel:nth-child(even) h3:before {
	top: 100%;
}
#secao3-sobre {
	padding: calc(3rem + var(--barra-topo-altura)) 0 3rem 0;
}
#secao3-sobre .word {
	opacity: 0.1;
}
#secao3-sobre .gabinete {
	width: auto;
	/* padding da seção */
	height: calc(100vh - (6rem + var(--barra-topo-altura)));
	top: calc(3rem + var(--barra-topo-altura));
	left: 50%;
	transform: translateX(-50%);
	opacity: .3;
	position: absolute;
}
#secao3-sobre h2 {
	font-size: 22px;
	line-height: 1;
}
#secao3-sobre h3 {
	font-size: 14px;
	line-height: 1;
}
#secao3-sobre p {
	font-size: 11px;
	line-height: 1.1;
}
#secao3-sobre .divisor {
	height: 2px;
	background: linear-gradient(45deg, #7116F2, #1D1D1B);
	width: 100%;
	margin: 0 0 .5rem 0;
}
#secao4-sobre h2 {
	font-size: 16px;
	line-height: 1.2;
}
#secao4-sobre h3 {
	font-size: 20px;
}
#secao4-sobre p {
	font-size: 14px;
}
#secao4-sobre .item {
	width: 70%;
	min-height: 260px;
}
#secao4-sobre .item:not(:last-child):after {
	content: ">";
	position: absolute;
	top: calc(50% - 20px);
	right: 20px;
	font-weight: 200;
	font-size: 30px;
}
#secao5-sobre {
	background-color: var(--preto);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#secao5-sobre::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--preto);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	background-image: none;
}
#secao5-sobre.visible::before {
	opacity: 1;
}
#secao6-sobre {
	padding: 50px 0;
}
#secao6-sobre h2 {
	font-size: 16px;
	line-height: 1;
}
#secao6-sobre h3 {
	font-size: 14px;
	line-height: 1.2;
	max-width: 315px;
	margin: 0 auto;
}
#secao6-sobre .slider .slide img {
	filter: grayscale(100%);
}
#secao7-sobre h2 {
	font-size: 16px;
	line-height: 1.2;
}
#secao7-sobre .botao-gradiente {
	font-weight: 400;
	font-size: 12px;
}
#secao8-sobre {
	padding: 50px 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#secao8-sobre::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--preto);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	background-image: none;
}
#secao8-sobre.visible::before {
	opacity: 1;
}
#secao8-sobre h2,
#secao8-sobre h3 {
	margin: 0 auto;
	width: min-content;
	white-space: nowrap;
}
#secao8-sobre h2 {
	font-size: 40px;
	line-height: .8;
}
#secao8-sobre h3 {
	font-size: 22px;
	line-height: 1;
	z-index: 2;
}
#secao8-sobre img {
	margin: -15px 0;
	z-index: 1;
}
/* ----------- POLÍTICAS E TERMOS ----------- */
body.page-template-template-politicas-e-termos h1 {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#politicas-e-termos-conteudo {
	padding: 75px 0;
}
#politicas-e-termos-conteudo .conteudo li,
#politicas-e-termos-conteudo .conteudo p {
	margin: 0 0 1rem 0;
	font-size: 13px;
	line-height: 1.1;
}
#politicas-e-termos-conteudo .conteudo h3 {
	font-size: 24px;
	line-height: 1;
	margin: 3rem 0 1rem 0;
	font-weight: 700;
}
#politicas-e-termos-conteudo .conteudo h3:first-child {
	margin-top: 0;
}
#politicas-e-termos-conteudo .menu-lateral a {
	color: var(--roxo);
	font-size: 14px;
	line-height: 1;
	transition: var(--transition-base);
}
#politicas-e-termos-conteudo .menu-lateral a:hover {
	color: var(--roxo2);
}
#politicas-e-termos-tabs .botao {
	border-radius: 50px;
	width: 250px;
}
#politicas-e-termos-tabs .botao h2 {
	font-size: 15px;
	text-transform: none;
	line-height: 1;
	font-weight: 300;
}
#politicas-e-termos-tabs .botao.active h2 {
	font-weight: 600;
}
#politicas-e-termos-tabs.nav-pills .nav-link.active.botao {
	color: var(--branco);
	position: relative;
	background: var(--gradiente);
}
#politicas-e-termos-tabs.nav-pills .nav-link.active.botao::before {
	opacity: 0;
}
/* --------------- SUPORTE --------------- */
body.page-template-template-suporte h1 {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#suporte-conteudo h2 {
	font-size: 24px;
	line-height: 1;
}
#suporte-conteudo h3 {
	font-size: 16px;
	line-height: 1;
}
#suporte-conteudo a img {
	border-radius: 16px;
	box-shadow: 0 0 15px 0 rgb(29 29 27 / 0%);
	transition: var(--transition-base);
}
#suporte-conteudo a:hover img {
	box-shadow: 0 0 15px 0 rgb(29 29 27 / 60%);
}
/* --------------- CONTATO --------------- */
#contato-conteudo h1 {
	font-size: 24px;
	line-height: 1;
}
#contato-conteudo h2 {
	font-size: 16px;
	line-height: 1;
}
/* --------------- RESPONSIVO --------------- */
@media (min-width: 992px) {
	#contato-conteudo h2 {
		font-size: 20px;
	}
	#contato-conteudo h1 {
		font-size: 36px;
	}
	#suporte-conteudo h3 {
		font-size: 20px;
	}
	#suporte-conteudo h2 {
		font-size: 36px;
	}
	#voltar-ao-topo {
		width: 50px;
		height: 50px;
	}
	#politicas-e-termos-conteudo .conteudo li,
	#politicas-e-termos-conteudo .conteudo p {
		font-size: 16px;
	}
	#politicas-e-termos-tabs {
		position: sticky;
		top: var(--barra-topo-altura);
		background-color: var(--branco);
		z-index: 10;
	}
	#politicas-e-termos-conteudo .menu-lateral {
		position: sticky;
		top: calc(var(--barra-topo-altura) + 90px);
	}
	#politicas-e-termos-tabs .botao {
		width: auto;
	}
	#politicas-e-termos-tabs .botao h2 {
		font-size: 24px;
	}
	#politicas-e-termos-tabs.nav-pills {
		flex-wrap: nowrap;
	}
	#politicas-e-termos-tabs.nav-pills .nav-item,
	#politicas-e-termos-tabs.nav-pills .nav-link.botao {
		width: 100%;
	}
	#secao8-sobre img {
		margin: -30px 0;
	}
	#secao8-sobre.visible::before {
		background-image: url(../img/sobre/secao8-desktop.webp);
	}
	#secao8-sobre {
		padding: 75px 0;
	}
	#secao8-sobre h3 {
		font-size: 70px;
	}
	#secao8-sobre h2 {
		font-size: 130px;
	}
	#secao7-sobre .botao-gradiente {
		font-weight: 300;
		font-size: 18px;
	}
	#secao7-sobre h2 {
		font-size: 24px;
	}
	#secao6-sobre {
		padding: 75px 0;
	}
	#secao6-sobre h3 {
		font-size: 20px;
		max-width: 720px;
	}
	#secao6-sobre h2 {
		font-size: 24px;
	}
	#secao5-sobre.visible::before {
		background-image: url(../img/sobre/secao5-desktop.webp);
	}
	#secao4-sobre .item:after {
		display: none;
	}
	#secao4-sobre h2 {
		font-size: 24px;
	}
	#secao3-sobre .divisor {
		width: calc(100% + 200px);
		margin: 0 0 .5rem -200px;
	}
	#secao3-sobre .gabinete {
		position: relative;
		z-index: 1;
		transform: none;
		left: 0;
		top: 0;
		opacity: 1;
	}
	#secao3-sobre p {
		font-size: 16px;
		line-height: 1.1;
	}
	#secao3-sobre h3 {
		font-size: 20px;
	}
	#secao3-sobre h2 {
		font-size: 32px;
	}
	#panels-container {
		width: calc(3 * 50vw);
	}
	#panels-container .panel {
		width: 50vw;
	}
	#secao1-sobre .imagens img:nth-child(odd) {
		margin-top: 100px;
	}
	#secao1-sobre h2 {
		font-size: 24px;
	}
	#secao1-sobre {
		padding: 75px 0;
		height: 100vh;
		max-height: 700px;
	}
	#sobre-banner .circulos-frame {
		margin: 100px 0 50px 0;
	}
	#sobre-banner .circulos {
		right: calc(83% - 63px);
	}
	#sobre-banner .video-frame {
		width: 83%;
	}
	#sobre-banner h1 {
		position: absolute;
		font-size: 90px;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 380px;
		margin: 0;
	}
	#sobre-banner {
		min-height: 100vh;
	}
	#secao4-notebook h3 {
		font-size: 24px;
	}
	#secao4-notebook p {
		font-size: 16px;
	}
	#secao4-notebook h2 {
		font-size: 32px;
	}
	#secao3-notebook {
		padding: 125px 0 100px 0;
	}
	#secao3-notebook h2 {
		font-size: 20px;
	}
	#secao2-notebook {
		margin: 125px 0 100px 0;
	}
	#secao2-notebook .titulo {
		font-size: 24px;
		line-height: 27px;
	}
	#secao2-notebook .imagem {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	#secao0-notebook #subtitulo {
		height: 190px;
	}
	#produto-banner.notebook .conteudo {
		margin: 125px 0 75px 0;
	}
	#secao0-servidor .subtitulo {
		font-size: 20px;
	}
	#produto-banner-after .item {
		height: 100px;
		top: -50px;
	}
	#secao4-servidor p {
		font-size: 16px;
		line-height: 38px;
	}
	#secao4-servidor h2 {
		font-size: 36px;
		line-height: 44px;
	}
	#secao3-servidor h2 {
		font-size: 36px;
		line-height: 1;
	}
	#secao2-servidor .swiper {
		width: 900px;
		max-width: 900px;
	}
	.secao6 .apple-effect-container {
		margin: 15vh 0;
	}
	.secao6 .apple-effect-container,
	.secao6 .apple-effect {
		height: 88px;
	}
	.secao6 .apple-effect>div.text-top,
	.secao6 .apple-effect>div.text-bottom {
		height: 44px;
		font-size: 32px;
		font-weight: 100;
	}
	.secao6 .typewriter-secao-final {
		height: 48px;
	}
	.secao6 h2 {
		font-size: 48px;
	}
	.secao6 {
		padding: 150px 0 50px 0;
	}
	.secao4 h2.primeiro,
	.secao4 .apple-effect {
		height: 130px;
		width: 360px;
	}
	.secao4 .apple-effect>div.text-top {
		height: 80px;
	}
	.secao4 .apple-effect>div.text-bottom {
		height: 50px;
	}
	.secao4 {
		height: 100vh;
		max-height: 550px;
	}
	.secao4 h2 {
		font-size: 32px;
		line-height: 44px;
		margin-bottom: 0;
	}
	.secao3 {
		height: 100vh;
	}
	.secao3.prodigy.visible::before {
		background-image: url(../img/produtos/workstation/prodigy-vga-desktop.webp);
	}
	.secao3.talent.visible::before {
		background-image: url(../img/produtos/workstation/talent-vga-desktop.webp);
	}
	.secao3.virtuos.visible::before {
		background-image: url(../img/produtos/workstation/virtuos-vga-desktop.webp);
	}
	.secao3 p {
		font-size: 20px;
		max-width: unset;
	}
	.secao3 h2 {
		font-size: 32px;
		line-height: 44px;
		width: 381px;
		height: 83px;
	}
	.secao2 {
		padding: 100px 0;
	}
	.secao2 .item .conteudo {
		margin-bottom: 150px;
	}
	.secao2 .item {
		border-radius: 20px;
	}
	.secao2 h2 {
		font-size: 16px;
	}
	.secao2 h3,
	.secao1 h2 {
		font-size: 32px;
	}
	.secao1 p {
		font-size: 20px;
	}
	#subtitulo .typewriter {
		height: 40px;
	}
	#subtitulo {
		font-size: 32px;
		padding: 75px 0;
	}
	#produto-banner h1 {
		font-size: 64px;
	}
	#mapa-svg {
		min-height: 500px;
	}
	.accordion-flush .accordion-item .accordion-button,
	.accordion-flush .accordion-item .accordion-button.collapsed {
		font-size: 20px;
		line-height: 28px;
	}
	#clientes .slider .slide img {
		filter: grayscale(100%);
	}
	#foque {
		margin: 10rem 0 6rem 0;
	}
	#foque img {
		position: absolute;
		bottom: 0;
	}
	#foque h2 {
		font-size: 24px;
	}
	#numeros .item-menor p {
		font-size: 14px;
	}
	#numeros .item-maior p {
		font-size: 20px;
	}
	#numeros .item-menor .numero {
		font-size: 60px;
		width: 250px;
	}
	#numeros .item-maior .numero {
		font-size: 96px;
	}
	#numeros h2 {
		font-size: 40px;
	}
	#mapa h2 {
		font-size: 36px;
	}
	#depoimentos .carrossel-depoimentos .carousel-cell {
		width: 400px;
		height: 275px;
	}
	#depoimentos p {
		font-size: 16px;
	}
	#depoimentos span {
		font-size: 14px;
	}
	#depoimentos h3 {
		font-size: 20px;
	}
	#clientes h2 {
		font-size: 36px;
		line-height: 1;
	}
	#secao5-sobre .item::before,
	#secao3-servidor .item::before,
	#depoimentos .carrossel-depoimentos .item::before,
	#diferenciais .item::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 20px;
		border: 2px solid transparent;
		background: linear-gradient(90deg, var(--roxo2) 0%, var(--roxo) 100%);
		background-attachment: fixed;
		mask: linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - (20 * 1.1)) * 1deg), #ffffff1f 0deg, white, #ffffff00 100deg);
		mask-composite: intersect;
		mask-clip: padding-box, border-box;
		opacity: 1;
		transition: 0.5s ease;
	}
	#depoimentos .carrossel-depoimentos .item::before {
		background: linear-gradient(90deg, var(--branco) 0%, var(--branco) 100%);
	}
	#secao5-sobre .item .glow,
	#secao3-servidor .item .glow,
	#depoimentos .carrossel-depoimentos .item .glow,
	#diferenciais .item .glow {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		filter: blur(14px);
	}
	#secao5-sobre .item .glow::before,
	#secao3-servidor .item .glow::before,
	#depoimentos .carrossel-depoimentos .item .glow::before,
	#diferenciais .item .glow::before {
		position: absolute;
		content: "";
		width: 98%;
		height: 98%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		border-radius: 20px;
		border: 15px solid transparent;
		background: linear-gradient(90deg, var(--roxo2) 0%, var(--roxo) 100%);
		background-attachment: fixed;
		mask: linear-gradient(#0000, #0000), conic-gradient(from calc(var(--start) * 1deg), #000 0deg, #ffffff, rgba(0, 0, 0, 0) 60deg);
		mask-composite: intersect;
		mask-clip: padding-box, border-box;
		opacity: 0;
		transition: 1s ease;
	}
	#depoimentos .carrossel-depoimentos .item .glow::before {
		background: linear-gradient(90deg, var(--branco) 0%, var(--branco) 100%);
	}
	#depoimentos .carrossel-depoimentos .item:hover>.glow::before {
		opacity: .3;
	}
	#secao5-sobre .item:hover>.glow::before,
	#secao3-servidor .item:hover>.glow::before,
	#diferenciais .item:hover>.glow::before {
		opacity: 1;
	}
	#softwares h2 {
		font-size: 36px;
	}
	#diferenciais h2 span {
		font-size: 36px;
	}
	#diferenciais h2 {
		margin-top: 5rem;
		margin-bottom: 4rem;
		font-size: 20px;
	}
	#produtos .banner.notebook {
		background-image: url(../img/home/produtos-notebook-banner.webp);
	}
	#produtos .banner.workstation {
		background-image: url(../img/home/produtos-workstation-banner.webp);
	}
	#produtos .banner.servidor {
		background-image: url(../img/home/produtos-servidor-banner.webp);
	}
	header .logo {
		width: unset;
	}
	#home-banner h1 {
		max-width: 500px;
		font-size: 2.5rem;
	}
	.circulo-radial {
		width: 700px;
		height: 700px;
	}
	:root {
		/* Barra topo altura */
		--barra-topo-altura: 57.38px;
	}
}
@media (min-width:768px) {
	#secao4-servidor svg.circuit-path {
		height: auto;
		width: 200%;
	}
}
@media (min-width: 992px) and (max-width: 1399.98px) {
	#secao3-sobre .conteudo {
		zoom: .7;
	}
}
@media (max-width: 991px) {
	input[type=submit] {
		margin: 10px auto 0 50%;
		transform: translateX(-50%);
	}
	.hs_recaptcha {
		display: flex !important;
		justify-content: center !important;
	}
	#secao8-sobre.visible::before {
		background-image: url(../img/sobre/secao8-mobile.webp);
	}
	#secao5-sobre .item p {
		font-size: 10px;
	}
	#secao5-sobre .item {
		width: 60%;
		min-height: auto;
	}
	#secao5-sobre.visible::before {
		background-image: url(../img/sobre/secao5-mobile.webp);
	}
	.secao3 {
		height: 350px;
	}
	.secao3.prodigy.visible::before {
		background-image: url(../img/produtos/workstation/prodigy-vga-mobile.webp);
	}
	.secao3.talent.visible::before {
		background-image: url(../img/produtos/workstation/talent-vga-mobile.webp);
	}
	.secao3.virtuos.visible::before {
		background-image: url(../img/produtos/workstation/virtuos-vga-mobile.webp);
	}
	.secao2 .img-componente {
		zoom: .7;
	}
	#abas-menu {
		gap: 20px;
	}
	#abas-menu .nav-link>img {
		zoom: .7;
	}
	#foque .botao-gradiente::before {
		opacity: 0;
	}
	#diferenciais .container {
		padding: 0;
	}
	#solucoes-personalizadas p {
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	#solucoes-personalizadas .botao {
		font-size: 12px;
		padding: 10px 15px;
	}
	#diferenciais .carrossel-diferenciais .carousel-cell {
		width: 80%;
	}
	#depoimentos .carrossel-depoimentos .item {
		border-top: 2px solid var(--branco);
	}
	#secao5-sobre .item,
	#secao3-servidor .item,
	#diferenciais .item {
		border-top: 2px solid var(--roxo);
	}
	#softwares .software-icon {
		zoom: .7;
	}
	/* Ícones acima do título */
	#softwares .software-icon:nth-child(1) {
		top: 13%;
		left: 11%;
	}
	#softwares .software-icon:nth-child(2) {
		top: 10%;
		left: 34%;
	}
	#softwares .software-icon:nth-child(3) {
		top: 13%;
		left: 61%;
	}
	#softwares .software-icon:nth-child(4) {
		top: 19%;
		left: 29%;
	}
	#softwares .software-icon:nth-child(5) {
		top: 17%;
		left: 77%;
	}
	#softwares .software-icon:nth-child(6) {
		top: 25%;
		left: 6%;
	}
	#softwares .software-icon:nth-child(7) {
		top: 23%;
		left: 51%;
	}
	#softwares .software-icon:nth-child(8) {
		top: 25%;
		left: 81%;
	}
	#softwares .software-icon:nth-child(29) {
		top: 28%;
		left: 28%;
	}
	#softwares .software-icon:nth-child(11) {
		top: 30%;
		left: 64%;
	}
	#softwares .software-icon:nth-child(9) {
		top: 35%;
		left: 11%;
	}
	#softwares .software-icon:nth-child(10) {
		top: 35%;
		left: 41%;
	}
	#softwares .software-icon:nth-child(12) {
		top: 35%;
		left: 76%;
	}
	/* Ícones abaixo do título */
	#softwares .software-icon:nth-child(13) {
		top: 57%;
		left: 8%;
	}
	#softwares .software-icon:nth-child(14) {
		top: 60%;
		left: 41%;
	}
	#softwares .software-icon:nth-child(15) {
		top: 60%;
		left: 74%;
	}
	#softwares .software-icon:nth-child(16) {
		top: 67%;
		left: 24%;
	}
	#softwares .software-icon:nth-child(17) {
		top: 65%;
		left: 61%;
	}
	#softwares .software-icon:nth-child(18) {
		top: 70%;
		left: 6%;
	}
	#softwares .software-icon:nth-child(19) {
		top: 70%;
		left: 44%;
	}
	#softwares .software-icon:nth-child(20) {
		top: 70%;
		left: 78%;
	}
	#softwares .software-icon:nth-child(21) {
		top: 79%;
		left: 21%;
	}
	#softwares .software-icon:nth-child(22) {
		top: 78%;
		left: 58%;
	}
	#softwares .software-icon:nth-child(23) {
		top: 4%;
		left: 48%;
	}
	#softwares .software-icon:nth-child(24) {
		top: 83%;
		left: 4%;
	}
	#softwares .software-icon:nth-child(25) {
		top: 86%;
		left: 41%;
	}
	#softwares .software-icon:nth-child(26) {
		top: 81%;
		left: 78%;
	}
	#softwares .software-icon:nth-child(27) {
		top: 90%;
		left: 16%;
	}
	#softwares .software-icon:nth-child(28) {
		top: 90%;
		left: 61%;
	}
	#softwares .software-icon:nth-child(30) {
		top: 90%;
		left: 86%;
	}
	:root {
		/* Barra topo altura */
		--barra-topo-altura: 47.25px;
	}
}