#__framer-badge-container{
	display: none;
}


#btn-whatsapp{
	background: #25d366;
	border: 2px solid #25d366;
	border-radius: 100px;
	color: #fff;
	display: block;

	font-size: 20px;

	line-height: 46px;
	height: 45px;
	width: 45px;
	text-align: center;

	position: fixed;
	right: 10px;
	bottom: 15px;
	z-index: 15;
		transition: 0.3s;
}

#btn-whatsapp:hover{
	background: #fff;
	border: 2px solid #25d366;
	color: #25d366;
		transition: 0.3s;
}

#btn-whatsapp i{
}

/* Body não deve ter flex, pois o loader deve cobrir a página toda */
body {
  margin: 0;
  padding: 0;
/*  background: var(--token-c243089d-22fa-4f8f-8f22-cf56670552cd, #0f0f0f);*/
}

/* Wrapper para o loader */
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--token-c243089d-22fa-4f8f-8f22-cf56670552cd, #0f0f0f);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Coloca o loader acima de todos os outros elementos */
  transition: opacity 0.5s ease; /* Transição suave de opacidade */
}

/* Loader */
.loader {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(
    var(--token-811502d1-0eed-443f-8478-80af7a468fd8, rgb(205, 241, 64)), 
    var(--token-c243089d-22fa-4f8f-8f22-cf56670552cd, #0f0f0f), 
    var(--token-811502d1-0eed-443f-8478-80af7a468fd8, rgb(205, 241, 64))
  );
  animation: animate 0.5s linear infinite;
}

/* Animação do loader */
@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Círculos com blur */
.loader span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(
    var(--token-811502d1-0eed-443f-8478-80af7a468fd8, rgb(205, 241, 64)), 
    var(--token-c243089d-22fa-4f8f-8f22-cf56670552cd, #0f0f0f), 
    var(--token-811502d1-0eed-443f-8478-80af7a468fd8, rgb(205, 241, 64))
  );
}

.loader span:nth-child(1) {
  filter: blur(5px);
}

.loader span:nth-child(2) {
  filter: blur(10px);
}

.loader span:nth-child(3) {
  filter: blur(25px);
}

.loader span:nth-child(4) {
  filter: blur(50px);
}

/* Círculo interno */
.loader:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  background: var(--token-c243089d-22fa-4f8f-8f22-cf56670552cd, #0f0f0f);
  border-radius: 50%;
}

/* Esconder o loader quando a página terminar de carregar */
.loader-wrapper.hidden {
  display: none;
}
