@charset "UTF-8";
@font-face {
  font-family: 'Poppins-Extra-Bold';
  src: url(../fontes/Poppins/Poppins-ExtraBold.ttf);
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url(../fontes/Poppins/Poppins-Bold.ttf);
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url(../fontes/Poppins/Poppins-Medium.ttf);
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url(../fontes/Poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: 'Poppins-Light';
  src: url(../fontes/Poppins/Poppins-Light.ttf);
}

:root {
  --font-mono: "Roboto Mono", monospace;
  --color-white-01: #ffffff;
  --color-white-02: #f5f5f5;
  --color-white-03: #f1f1f1;
  --color-black-01: #00000099;
  --color-black-02: #000000b3;
  --color-white-40: #d6d6d640;
  --color-blue: #4ea8de;
  --color-purple: #5e60ce;
  --color-red: #dc4c3e;
  --color-red-20: #c3392ccc;
  --color-gray-60: #808080;
  --color-gray-70: #666666;
  --color-gray-80: #6666664d;
  --color-gray-30: #ababab;
  --color-gray-20: #dadada;
  --color-black-80: #444;

  --font-size-16: 1rem;
  --font-size-14: 0.875rem;
  --font-size-13: 0.8125rem;
  --font-size-12: 12pt;

  /* Dark Mode */
  --color-dark-body: #222126;
  --color-dark-header: #3c3c4488;
  --color-dark-header-border: #3c3c4475;
}


/* FONTES GERAIS */
h1, h2, h3{
  font-family: 'Poppins-Bold';
}

p{
  font-family: 'Poppins-Regular';
}

a{
  font-family: 'Poppins-Light';
}

/* ESTILO GERAL*/
*{
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  text-rendering: geometricPrecision;
}

body{
  font-family: 'Poppins', sans-serif;
  background-color: #000000;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
  transition: background 0.2s linear;
  line-height: 1.2;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
}

code,
kbd,
samp {
  font-family: var(--font-mono);
}

a {
  text-decoration: none;
}

body,
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
button,
optgroup,
select,
textarea,
pre {
    margin: 0;
}

td,
legend,
textarea,
input,
fieldset {
    padding: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

*,
::before,
::after {
    box-sizing: border-box;
}

.interface{
  max-width: 1280px;
  margin: 0 auto;
}

/* Personalizar a track (área de rolagem) */
::-webkit-scrollbar {
  width: 5px;
  /* Largura da scrollbar */
}


/* Personalizar o thumb (indicador de rolagem) */
::-webkit-scrollbar-thumb {
  background-color: grey;
  /* Cor do thumb */
  border-radius: 6px;
  /* Arredondar as bordas do thumb */
}


/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #A87CFF; 
} 

.btn_enviar input, .menu-desktop a, .footer-link {
    transition: all 0.3s ease;
    transform: translateY(0);
}

.btn_enviar input:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(106, 13, 173, 0.3);
}