/* Garantir que o body e html ocupem toda a altura da página */
html, body, footer {
    height: 100%;            /* Garante que a altura ocupe toda a tela */
    margin: 0;               /* Remove qualquer margem padrão */
    padding: 0;              /* Remove qualquer padding padrão */
    display: flex;           /* Usa o flexbox para permitir um layout fluído */
    flex-direction: column;  /* Organiza os elementos na vertical */
}

/* Garantir que o body ocupe toda a largura da tela */
body {
    width: 100%;             /* O conteúdo ocupa toda a largura da tela */
    box-sizing: border-box;  /* Inclui padding e bordas dentro da largura total */
    padding: 0;              /* Remove qualquer padding padrão */
    margin: 0;               /* Remove qualquer margem padrão */
    overflow-x: hidden;      /* Impede a rolagem horizontal */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;         /* Tamanho reduzido */
    line-height: 1.6;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; /* Para dar um destaque maior aos títulos */
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* Peso normal para o texto */
}



/* Garantir que o footer ocupe toda a largura da tela */
footer {
    width: 100%;             /* Garante que o footer ocupe toda a largura */
    box-sizing: border-box;  /* Garantir que o padding não ultrapasse a largura */
    margin: 0;               /* Remove qualquer margem para o footer */
    padding: 20px 0;         /* Ajuste do padding do footer (ajustável conforme necessário) */
}

/* Limitar a largura do conteúdo dentro do footer */
footer .footer-content {
    max-width: 1200px;       /* Limita a largura máxima do conteúdo do footer */
    margin: 0 auto;          /* Centraliza o conteúdo dentro do footer */
    padding: 10px 0;         /* Adiciona padding lateral ao conteúdo do footer */
}

html {
    scroll-behavior: smooth;
}