.page-container {
    max-width: 1200px; /* Largura máxima do site */
    margin: 0 auto; /* Centraliza o contêiner principal na página */
    padding: 0 15px; /* Adiciona um pequeno padding nas laterais */
}

.main-navigation {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center; /* Para centralizar o conteúdo da nav */
}

.state-list {
    list-style: none; /* Remove os marcadores de lista */
    padding: 0;
    margin: 0;
    display: flex; /* Usa Flexbox para alinhar os itens */
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha em telas menores */
    justify-content: center; /* Centraliza os itens horizontalmente */
    gap: 10px; /* Espaçamento entre os itens */
}

.state-list li {
    /* Pode ajustar o espaçamento aqui se necessário */
    margin-bottom: 5px; /* Espaço entre as linhas em telas pequenas */
}

.call-to-action-buttons {
    display: flex; /* Usa Flexbox para alinhar os botões */
    justify-content: center; /* Centraliza os botões */
    gap: 20px; /* Espaçamento entre os botões */
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-image-section {
    margin-bottom: 30px;
    text-align: center; /* Para centralizar a imagem */
}

.seo-text-section {
    padding: 20px 0; /* Espaçamento interno para a seção de texto */
    margin-top: 30px;
}

.seo-keywords-block {
    margin-bottom: 20px; /* Espaço entre os blocos de keywords */
}

.site-footer {
    width: 100%;
    margin-top: 40px;
    /* Estilos já no custom.css para texto, mas o footer como container pode ter seu próprio padding/background */
}