* {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    background-color: var(--azul);
    color: var(--branco);
}

:root {
    --azul: #0C1A2A ;
    --branco: #F9F9F4;
    --dourado: #C6A875;
    --verde: #45B329;
}

@font-face {
    font-family: Inter_18pt-Thin;
    src: url("../fonts/Inter_18pt-Thin.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-Light;
    src: url("../fonts/Inter_18pt-Light.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-Regular;
    src: url("../fonts/Inter_18pt-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-Medium;
    src: url("../fonts/Inter_18pt-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-SemiBold;
    src: url("../fonts/Inter_18pt-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-Bold;
    src: url("../fonts/Inter_18pt-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-ExtraBold;
    src: url("../fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: Inter_18pt-Black;
    src: url("../fonts/Inter_18pt-Black.ttf") format("truetype");
}


@font-face {
    font-family: Lora-Regular;
    src: url("../fonts/Lora-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Lora-Medium;
    src: url("../fonts/Lora-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Lora-SemiBold;
    src: url("../fonts/Lora-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: Lora-Bold;
    src: url("../fonts/Lora-Bold.ttf") format("truetype");
}


@font-face {
    font-family: Merriweather_24pt-Light;
    src: url("../fonts/Merriweather_24pt-Light.ttf") format("truetype");
}

@font-face {
    font-family: Merriweather_24pt-Black;
    src: url("../fonts/Merriweather_24pt-Black.ttf") format("truetype");
}


button {
    font: clamp( 1rem, 1.563vw, 1.875rem) "Merriweather_24pt-Black", serif;
    color: var(--dourado);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.25rem 2.75rem;
    background-color: transparent;
    border: 0.0625rem solid #C6A875;
    border-radius: 0.437rem;
    transition: ease-out 0.5s;
    cursor: pointer;
}

button img {
    width: clamp( 2.5rem, 2.916vw, 3rem);
}

button:hover {
    background-color: #C6A875;
    color: var(--azul);
}

button img {
    transition: 0.2s ease-out;
}

button:hover img {
    content: url("../img/icon-whatsapp-btn-hover.png");
}




#servicos-section,
#sobre-section,
#dif-section,
#artigos-section,
footer {
    margin-top: 12.5rem;
}