:root {
    --font-montserrat: 'Montserrat', sans-serif;
    --font-raleway: 'Raleway', sans-serif;
    --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --preto-texto:#333333;
    --cor2-texto:#F2F2F5;
    --cor-base-claro: #f9f9f9;
    --cor-base-escura:#1C1C1C;
    --cor-base-escura-2: linear-gradient(135deg, #1a1a1a, #2d2d2d);;
    --cor-branca-caixa: #ffffff;
    --cor-branca-fundo: #ffffff;
    --cor-azul-icones-botoes: #D45700;
    --cor-azulescuro-fundo: #2A7AE4;
    --cor-aviso: #df2525;
    --cor-da-marca: #FF6100;
}

html{
    scroll-behavior: smooth;
    scrollbar-color: #333 transparent;
}

body{
    font-family: var(--font-inter);
    /* Espaçamento para compensar o header fixo */
    padding-top: 8rem;
}

/* Ajuste do padding para mobile */
@media screen and (max-width: 768px) {
    body {
        padding-top: 5rem;
    }
}

@media screen and (max-width: 430px) {
    body {
        padding-top: 4.5rem;
    }
}

h2{
    font-size: 2rem;
    font-weight: 700;
    text-align: center;

    color: var(--preto-texto);
}

.arrow-link{
    display: none;
}

.fa-circle-arrow-up{
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 1;
    transition: 0.3s all;
}

.fa-circle-arrow-up:hover{
    cursor: pointer;
    scale: 1.2;
    transition: 0.3s all;
}

.button{
    text-align: center;
    width: 100%;
    max-width: 200px;
    box-sizing: border-box;

    padding: 1rem 1.5rem;

    text-decoration: none;

    border: 1px solid var(--cor-azul-icones-botoes);
}

.button__dark:hover{
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.13), 0 0 0.0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}

.button__light:hover{
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.13), 0 0 0.0625rem 0 rgba(0,0,0,.11);
    background-image: linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.02));
}

.container {
    padding-left: 6%;
    padding-right: 6%;
}

html ::-webkit-scrollbar {
    width: 10px;
}

html ::-webkit-scrollbar-thumb {
  border-radius: 50px;
  border: 2px solid #ffffff;
  background: #2A7AE4;
}

html ::-webkit-scrollbar-track {
  background: transparent;
}

@media screen and (max-width: 680px){
    .button{
        max-width: 600px;
        padding: 0.8rem 1rem;    
    }
}

@media screen and (max-width: 430px){
    .container {
        padding-left: 5%;
        padding-right: 5%;
    }
}