
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Página não encontrada - Erro 404. Volte à página inicial ou explore nossos conteúdos mais populares.">
    <meta name="robots" content="noindex, nofollow">
    <title>Página Não Encontrada - Erro 404</title>
    <style>
        /* Reset de Estilos */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Corpo da Página */
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            background-color: #f4f4f4;
            color: #333;
            padding: 0;
            margin: 0;
        }

        /* Cabeçalho */
        header {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }

        header nav ul {
            list-style: none;
        }

        header nav ul li {
            display: inline;
            margin-right: 15px;
        }

        header nav ul li a {
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
        }

        header nav ul li a:hover {
            color: #ff6347; /* Tom de laranja para hover */
        }

        /* Conteúdo Principal */
        main {
            max-width: 1200px;
            margin: 0 auto;
            padding: 50px 15px;
        }

        .error-404 {
            text-align: center;
            padding: 30px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .error-404 h1 {
            font-size: 48px;
            color: #ff6347; /* Cor de destaque */
            margin-bottom: 20px;
        }

        .error-404 p {
            font-size: 18px;
            margin-bottom: 20px;
        }

        .error-404 a {
            color: #ff6347;
            text-decoration: none;
            font-weight: bold;
        }

        .error-404 a:hover {
            color: #ff4500; /* Tom mais escuro para hover */
        }

        /* Lista de Links Populares */
        .error-404 ul {
            list-style: none;
            margin-top: 20px;
        }

        .error-404 ul li {
            margin-bottom: 10px;
        }

        .error-404 ul li a {
            font-size: 18px;
            color: #333;
            text-decoration: none;
        }

        .error-404 ul li a:hover {
            color: #ff6347;
        }

        /* Rodapé */
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 15px 0;
            position: absolute;
            bottom: 0;
            width: 100%;
        }

        footer p {
            font-size: 14px;
        }

        /* Responsividade */
        @media screen and (max-width: 768px) {
            header nav ul {
                text-align: center;
                margin-top: 10px;
            }

            header nav ul li {
                display: block;
                margin-bottom: 10px;
            }

            .error-404 h1 {
                font-size: 36px;
            }

            .error-404 p {
                font-size: 16px;
            }

            .error-404 ul li a {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="/">Página Inicial</a></li>
            </ul>
        </nav>
    </header>
    
    <main>
        <section class="error-404">
            <h1>Oops! Página Não Encontrada.</h1>
            <p>Desculpe, a página que você está procurando não existe ou foi movida.</p>
            <p>Tente voltar à nossa <a href="/">página inicial</a> </p>


        </section>
    </main>

    <footer>
        <p>&copy; 2025. Todos os direitos reservados.</p>
    </footer>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"1acd6828daf442f98eddbf68e75940a3","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
