/* Estilo básico */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        /* Estilo da barra de navegação */
        #navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 200px;
            height: 100%;
            background-color: #f4f4f4;
            padding: 20px;
            box-shadow: 2px 0 5px rgba(0,0,0,0.1);
        }

        #navbar header {
            font-weight: bold;
            margin-bottom: 20px;
        }

        .nav-link {
            display: block;
            margin-bottom: 10px;
            text-decoration: none;
            color: #333;
        }

        .nav-link:hover {
            text-decoration: underline;
        }

        /* Estilo do conteúdo principal */
        #main-doc {
            margin-left: 220px; /* Compensa a largura da barra de navegação */
            padding: 20px;
        }

        .main-section {
            margin-bottom: 40px;
        }

        /* Media Query para dispositivos móveis */
        @media (max-width: 768px) {
            #navbar {
                position: relative;
                width: 100%;
                height: auto;
            }

            #main-doc {
                margin-left: 0;
                padding-top: 20px;
            }
        }