/* CSS Geral */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #121212;
    color: #fff;
}

/* Cabeçalho */
header {
    background-color: #000;
    padding: 20px 0;
    text-align: center;
}

header h1 a {
    color: #e50914;
    text-decoration: none;
    font-size: 2rem;
}

nav {
    margin-top: 20px;
}

nav a {
    color: #fff;
    margin: 0 10px;
    text-decoration: none;
    font-size: 1rem;
}

nav a:hover {
    color: #e50914;
}

/* Conteúdo Principal */
main {
    padding: 20px;
}

.intro {
    margin-bottom: 40px;
    text-align: center;
}

.intro h2 {
    font-size: 2rem;
    color: #e50914;
}

/* Formulário de Contato */
.formulario-contato h2 {
    font-size: 2rem;
    color: #e50914;
    margin-bottom: 20px;
    text-align: center;
}

form {
    max-width: 600px;
    margin: 0 auto;
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.form-group {
    margin-bottom: 20px;
}

label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1rem;
}

input, textarea {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    color: #fff;
    background-color: #2b2b2b;
    border: 1px solid #444;
    border-radius: 5px;
}

input:focus, textarea:focus {
    outline: none;
    border-color: #e50914;
}

textarea {
    resize: none;
}

button {
    display: block;
    width: 100%;
    background-color: #e50914;
    color: #fff;
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #f40612;
}

/* Seção de Canais de Contato */
.info-contato h2 {
    font-size: 2rem;
    color: #e50914;
    margin-bottom: 20px;
    text-align: center;
}

.info-contato p {
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: center;
}

.info-contato p i {
    color: #e50914;
    margin-right: 10px;
}

.info-contato a {
    color: #e50914;
    text-decoration: none;
}

.info-contato a:hover {
    text-decoration: underline;
}

/* Rodapé */
footer {
    background-color: #000;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
}


footer1 {
    background-color: #f4f4f4; /* Cor de fundo suave */
    padding: 20px 0; /* Espaçamento interno */
    text-align: center; /* Centralizar conteúdo */
    position: relative; /* Permite que fique no fluxo normal da página */
    width: 100%; /* Ocupa toda a largura */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Sombra leve para destaque */
    margin-top: 20px; /* Espaçamento superior para separá-lo do conteúdo acima */
}

footer1 p {
    margin: 10px 0; /* Espaçamento vertical */
    font-size: 14px; /* Tamanho do texto */
    color: #555; /* Cor do texto */
}

footer1 ul {
    display: flex; /* Exibir links lado a lado */
    justify-content: center; /* Centralizar links */
    list-style-type: none; /* Remover marcadores */
    padding: 0; /* Remover espaçamento padrão */
    margin: 0; /* Remover margem padrão */
}

footer1 ul li {
    margin: 0 10px; /* Espaçamento horizontal entre links */
}

footer1 ul li a {
    display: flex; /* Para alinhar texto e ícone lado a lado */
    align-items: center; /* Centralizar ícone e texto verticalmente */
    text-decoration: none; /* Remover sublinhado */
    color: #007BFF; /* Cor do texto do link */
    font-size: 14px; /* Tamanho do texto do link */
    transition: color 0.3s ease; /* Efeito de transição na cor */
}

footer1 ul li a i {
    margin-right: 8px; /* Espaçamento entre o ícone e o texto */
    font-size: 16px; /* Tamanho do ícone */
}

footer1 ul li a:hover {
    color: #0056b3; /* Cor do link ao passar o mouse */
}
 /* Estilo para o menu de navegação */
        nav {
            background-color: #444;
            padding: 10px;
            text-align: center;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }

        /* Estilo para os ícones */
        .fas {
            margin-right: 5px;
        }

        /* Estilo para o conteúdo principal */
        main {
            padding: 20px;
        }

   
     nav {
    background-color: #333; /* Cor de fundo */
    padding: 10px; /* Espaçamento interno */
}

nav a {
    color: #fff; /* Cor do texto */
    text-decoration: none; /* Remover sublinhado dos links */
    display: inline-block; /* Exibir os links em linha */
    margin-right: 14px; /* Espaçamento entre os links */
}

nav a i {
    margin-right: 10px; /* Espaçamento entre o ícone e o texto */
}