:root { --accent-color: #56c8e8; --accent2-color: #34aadc; --accent3-color: #e89c56; --accent4-color: #56e89c; --primary-color: #4cafee; --dark-text-color: #1a1a1a; --gray-text-color: #7a7a7a; --button-padding-x: 15px; --button-padding-y: 10px; --font-family-body: 'Roboto', sans-serif; --light-text-color: #ffffff; --dark-border-color: #2f2f2f; --light-border-color: #e0e0e0; --font-family-heading: 'Poppins', sans-serif; --button-rounded-radius: 5px; --dark-background-color: #121212; --light-background-color: #e8f6fd; --medium-background-color: #cbeaf9; --primary-button-text-color: #ffffff; --secondary-button-bg-color: #ffffff; --secondary-button-text-color: #4cafee; --primary-button-hover-bg-color: #3a98d4; --primary-button-hover-text-color: #ffffff; --secondary-button-hover-bg-color: #4cafee; --secondary-button-hover-text-color: #ffffff; }

.hovered-element {
  outline: #3871E0 dashed 2px;
}

.clicked-element {
  outline: #3871E0 solid 2px;
}

.clicked-code-section {
  border: #3B82F6 solid 2px;
}

#global-header{
  width: 100%;
  border-bottom: solid 1px #4cafee;
}

/* background */

.header_background{
  background: linear-gradient(180deg, #fff, #cbeaf9);
}

.black_background{
  background: linear-gradient(90deg, #121212, #152852);
}
.white_background{
  background: linear-gradient(90deg,#cbeaf9, #fff);
}
.footer_background{
  background: linear-gradient(180deg, #121212, #152852);
}

.back1{
  background-color: oklch(32.704% 0.0355 260.134);
  border: solid 1px #7a7a7a;  
}
.back1:hover{
  border: solid 1px var(--primary-color);
  transition: all 0.9s;
}
.moedas_d{
  width: 100%;
  text-align: center;
  margin-top: 40px;
  color: #fff;
}

.moedas_d img{
  width: 30px;
}

.moedas_d .AOA{
  width: 32px;
  background-color: #dddddd;
  border-radius: 40%;
  padding: 3px;
}
.flex22{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
   margin: 0 auto;
}
img.check1{
  width: 19px;
}
 .Para_Desenvolvedores {
display: grid;
  align-items: center;
    grid-template-columns: calc(49% - 10px) 49%; /* 2 colunas iguais */
    gap: 4rem; /* equivalente ao lg:gap-16 */
  }

  .moedas_crypto{
    display: flex;
  align-items: center;
  justify-content: center;
  gap: 5%;
  }


/* Termos */
.num_nivel_flex{
  display: flex;
  align-items: start;
  gap: 20px;
}
.num_nivel{
  background: linear-gradient(90deg, #2750a0, #4cafee);
}
.FimPay{
 color: #4cafee;
  font-weight: bolder;
  letter-spacing: 1px;
  font-size: 18px;
}
.p_left_14{
  padding-left: 60px;
}




@media (max-width: 600px) {
  header .hhh-16{
    height: 55px;
  }
 .t13px{
  font-size: 13px;
 }
 .h11{
  font-size: 22px;
 }
 .t14px{
  font-size: 14px;
 }
 .icon_cent{
  display: flex;
  justify-content: center;
 }
 h3.ll{
  line-height: 1rem;
 }
 .moedas_crypto span{
  font-size: 11px;
 }
  .Para_Desenvolvedores{
   display: grid;
    grid-template-columns: 100%;
  gap: 3rem; /* equivalente ao gap-12 do Tailwind (12 * 0.25rem) */
  align-items: center; /* items-center */
 
  }
  .bo_iniciar4{
    display: inline-flex;
    width: 75%;
    margin: auto;
  }





  /* Termos */
.num_nivel_flex{
  display: inline-block;
}
.p_left_14{
  padding-left: 1px;
}
.p_tudo22{
padding: 20px 8px;
}
}