@font-face {
    font-family: 'Montserrat';
    /* Name your font family */
    src: url('../fonts/montserrat/Montserrat-VariableFont_wght.ttf');
    /* Locate the .ttf file within your directory*/
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/lexend/static/Lexend-ExtraLight.ttf');
    src: url('../fonts/lexend/static/Lexend-Light.ttf');
}

/* Regras gerais */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', serif;
    margin: 0;
    padding: 0;
    color: #f3f3f3;
}

html {
    scroll-behavior: smooth;
}

/* Fonte padrão para a aplicação */
body {
    line-height: 1.6;
    background-color: #000000;
}

header {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    justify-content: center;
}

/* REGRA CONTRA EXTENSÕES (insira no início do CSS) */
.nav-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /* Centraliza os links */
    gap: 25px;
    /* Espaço entre os itens */

    /* Espaçamento em relação à tela */
    margin-top: 20px;
    /* Distância do topo */
    margin-bottom: 20px;
    /* Distância de baixo */
    padding: 10px 0;
    /* Altura interna do menu */
  }

.nav-menu a.item-menu:hover {
  color: #0f84e4 !important;
  transform: translateY(4px) !important;
}

.item-menu {
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
}

.item-menu:hover {
    color: #008eff;
}

.operation {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    gap: 110px;
        /* <<< controla o espaçamento entre os itens */
}

.operation img {
    margin: 40px;
}

.art-trade {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about,
.fees,
.terms {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
}

.about h1,
.fees h1,
.terms h1 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 10px;
}

.about-content,
.fees-content,
.terms-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

footer p {
    margin: 5px;
}

.suport-link {
    display: flex;
    flex-direction: column;
    /* Coloca o ícone abaixo do texto */
    align-items: center;
    /* Centraliza horizontalmente */
    text-decoration: none;
    font-size: 24px;
    color: white;
    margin-top: 30px;
    margin-bottom: 30px;
    gap: 5px;
    /* Espaço entre texto e ícone */
}

.suport-link img {
    width: 35px;
    /* Ajusta tamanho do ícone */
    height: auto;
    /* Mantém proporção */
}

@media (max-width: 500px) {
    .suport-link {
        font-size: 18px;
        flex-direction: column;
        text-align: center;
    }

    .suport-link img {
        width: 30px;
    }
}